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:
- 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
- Conversion of the Next.js app to React
- Movement of all data to the data files so user only needs up update the data files for their needs
- Addition of a proper nav bar
- Addition of an events page
- Update data file to support new paradigm
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
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