mosabami / highpoint-masjid

Website for the highpoint masjid mosque in West Seattle. The code in this repository is to be made into a template for other mosques in the future

Highpoint Masjid Website

This project was bootstrapped with Create React App. It hosts the code used to build the Highpoint Masjid in Highpoint, West Seattle. This website will be used as a templated to build other free mosque websites in the future. It is loosely based on Mosque Screen's Mosque website but converted to react and having some lifecycle improvments added to make it easy for mosques to host their free website on GitHub Pages.

Some of those improvements include the following:

1. The addition of GitHub actions pipeline to build and deploy the website to GitHub pages. For more information on that check out this blog for more information
2. Conversion of the Next.js app to React
3. Movement of all data to the data files so user only needs up update the data files for their needs
4. Addition of a proper nav bar
5. Addition of an events page
6. Update data file to support new paradigm

Getting Started

First fork the repo by clicking on the fork button at the top right then clone the website (star it too if you like it while you're at it 😉)

git clone https://github.com/<your username>/highpoint-masjid

Install the required packages to run it locally

npm install

Run it locally to test it out

npm run start

Deploy your mosque website

Update the src\data\mosques.yml file as required. Each page will require its own entry in content_sections and pages part of the database

Convert the yml data to json by running

npm run release

commit and push your changes to your GitHub repo

Please note, you will need to configure your repo to run GH pages by using the instructions in this blog