Capstone
MIT License
Capstone
This project was built to display a list of all the Surahs of the Holy Quran. The list consists of 114 cards which is the total number of Surahs in Quran. In the header of each card the name of a Surah is written in English and then in Arabic. You can also share your thought in the comment section where you can add new comments and find out about the previous comments too. You can give each surah a like and it would be added to the count of likes in that specific card. You can also see the number of total cards inside the page using the main counter which is in the header. This project has different modules which creates wonderful functionalities like adding a comment, adding a like, showing the cards based on the data from the API. Sending the like and comment data back to the involvement API.
Built With
- HTML/CSS
- Javascript
- Webpack
- API
Getting Started
To get a local copy up and running follow these simple example steps.
Prerequisites
- A web browser
Setup
This project makes use of Webpack to bundle all the JS modules.
Clone the repository into your local machine and then run npm install to download all the dependencies. Then after making any changes inside the src/ folder, you can run npm run build to generate the corresponding files inside dist/ directory.
Run tests If you want to test your changes on the fly without having to build every time, you can use npm run start to start the webpack-dev-server in development mode. This will watch for any changes you make and update the page accordingly.
To check the linters on your local env, make sure you have installed all dependencies (npm install) and then copy and paste the following files inside the root of the project: .hintrc, .stylelintrc.json, and .eslintrc.json.
Author
Mohamed Sabry
- GitHub: @mohamedSabry0
- Twitter: @mohsmh0
- LinkedIn: Mohamed Sabry
Abdul Rahman Daudzai
- GitHub: @wadaudzai
- Twitter: @wadaudzai
- LinkedIn: LinkedIn
Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Show your support
Give a if you like this project!