The El Shefaa Mosque project is a web application designed to serve the community by providing essential information and services related to the mosque. Developed by Nesrine Droul, a passionate web developer with interests in frontend development, UI/UX design, and web animations citeturn0search1, this project aims to enhance the digital presence of the mosque.
Key Features:
-
Prayer Times: The application integrates with a prayer times API to display accurate daily prayer schedules, ensuring community members can stay informed about prayer timings.
-
Community Announcements: It offers a platform for sharing news, events, and important announcements, keeping the community engaged and informed.
-
Contact Information: Users can access the mosque's contact details and location, facilitating easy communication and visits.
Technologies Used:
-
Frontend: The application is built using React.js, a popular JavaScript library for building user interfaces, along with CSS for styling.
-
Build Tool: Vite is utilized as the build tool, offering a fast and efficient development experience.
Getting Started:
To run the application locally:
-
Clone the repository:
git clone https://github.com/nesrinedroul/elshefaamosque.git cd elshefaamosque
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
This will launch the application, typically accessible at http://localhost:3000.
Project Structure:
-
public/: Contains static assets like the
index.htmlfile. -
src/: Holds the main application code, including components and assets.
-
README.md: Provides documentation and instructions related to the project.
Contributing:
Contributions to the project are welcome. Interested developers can fork the repository, create feature branches, and submit pull requests for review.
Live Deployment:
The application is deployed and accessible at elshefaamosque.netlify.app.
For more details, visit the GitHub repository.