This is the project soon to be the Quran.com facing site. This is built in Reactjs + Redux + Expressjs + Webpack. It is isomorphic (javascript shared between both the server and the client) for SEO reasons.
We trust that you will not copy this idea/project, this is at the end for the sake of Allah and we all have good intentions while working with this project. But We must stress that copying the code/project is unacceptable.
Read the contributing section before creating an issue.
Unless you have the backend API running locally, you will need to update the API_URL
, in development.env
file, from localhost
to api.quran.com
. Leave the port number same.
To start the app, run npm run dev
which will run both the server and the client (webpack) to compile upon edits. Go to http://localhost:8001 in your browser, not 8000 (that is just the express server).
Current at: https://github.com/quran/quran-api-rails DB is private, message me for access.
We currently use InvisionApp. Again, contact me if you'd like access to it.
Follow: https://www.npmjs.com/package/webpack-bundle-size-analyzer
env NODE_ENV=development webpack --json > bundle-stats.json
subl bundle-stats.json #so that you can the output
analyze-bundle-size bundle-stats.json