QuranLearners.org
Online Quran education for students of all ages
Role
End to End Development
Year
2024
Tech Stack
Project Overview
QuranLearners.org is the official website for an online Quran academy. It presents the services clearly, explains what students can learn, and invites visitors to reach out. The admission form allows new students to sign up for classes hosted on a separate platform.
I built the website with React and Tailwind, following a design provided by the academy. I handled the domain setup and hosting on Cloudflare. The structure is clean and focused so visitors can quickly understand what the academy offers.
Features
- Modern and simple user interface
- Clear information about programs and learning topics
- Tutor introduction and teaching approach
- Admission form for enrollment
- Contact form for inquiries
- Fast Cloudflare hosting
- Fully mobile-responsive layout
Screenshots
Homepage with hero section
Programs and learning topics
Student enrollment form
Development Notes
The frontend uses React and Tailwind for a fast, scalable, and clean codebase. Form submissions are stored in a spreadsheet, which keeps management easy for the academy.
Challenges
Many visitors browse on phones, so designing and testing for mobile responsiveness was essential. Keeping the system simple to manage while still looking professional was another key goal.
If you like this project, I'd be happy to build something similar for you.