Skip to content

Latest commit

Β 

History

7 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸŒ™ Ramadan React App

A modern React application that combines Islamic features with an interactive user interface, built to practice real-world front-end concepts such as API integration, state management, and responsive design.

✨ Features

🧠 Ramadan Quiz System

πŸ•Œ Prayer Times API Integration

⏰ Next Prayer Detection Logic

πŸ•’ Real-time Clock

πŸ“Ώ Morning Azkar with Counter

πŸ”” Browser Notifications

🎡 Adhan Sound Alerts

πŸ›  Tech Stack

React

JavaScript (ES6+)

CSS

REST API

SweetAlert2

πŸš€ Live Demo

πŸ‘‰ https://ramadan-ap.netlify.app/

πŸ“‚ GitHub Repository

πŸ‘‰ https://github.com/Amr546214/Ramadan-app

πŸ“Œ What I Practiced in This Project

Component-based architecture in React

Fetching and handling external APIs

State management with hooks

Conditional rendering

Responsive UI design

User interaction and notifications

Clean UI structuring

▢️ Run Locally npm install npm run dev πŸ“Έ Screenshots

image

πŸ‘¨β€πŸ’» Author

Amr Okasha Junior Front-End / React Developer

✨ Built as part of my journey to become a professional Front-End React Developer.

About

Ramadan React app with quiz, prayer times API, azkar counter and notifications

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages