🕌 Islamic Learning Platform

A modern and responsive web application designed to provide an engaging online Islamic learning experience. The platform offers a clean user interface, educational content, and a seamless browsing experience built with modern web technologies.

Status: 🚧 Under Development

---

📖 Project Overview

The Islamic Learning Platform is a frontend web application developed using React and Vite. The project focuses on creating an intuitive and responsive interface for users to explore Islamic educational resources and interact with the platform efficiently.

This project was developed as part of my web development learning journey, emphasizing component-based architecture, responsive design, and modern frontend development practices.

---

✨ Features

• 🎨 Modern and responsive user interface
• 📱 Mobile-friendly design
• ⚡ Fast performance with Vite
• 🧩 Reusable React components
• 🧭 Smooth navigation
• 📖 Educational content pages
• 📞 Contact section
• 🔐 Scalable project structure for future backend integration

---

📸 Screenshots

Home Page

---

About Page

---

Registration Page

---

Contact Page

🛠 Technologies Used

Frontend

• React.js
• Vite
• JavaScript (ES6+)
• HTML5
• CSS3

Development Tools

• Visual Studio Code
• Git
• GitHub
• npm

---

🚀 Installation

1. Clone the repository

git clone https://github.com/your-username/islamic-learning-platform.git

2. Navigate to the project directory

cd islamic-learning-platform

3. Install dependencies

npm install

4. Start the development server

npm run dev

5. Open your browser

Visit:

http://localhost:5173

---

🌐 Live Demo

Coming Soon

The project will be deployed on Vercel.

---

📁 Folder Structure

islamic-learning-platform/
│
├── public/
│
├── src/
│   ├── assets/
│   ├── components/
│   ├── pages/
│   ├── App.jsx
│   ├── main.jsx
│   └── index.css
│
├── .gitignore
├── index.html
├── package.json
├── package-lock.json
├── vite.config.js
└── README.md

---

🚀 Future Improvements

• User Authentication
• Course Enrollment System
• Progress Tracking Dashboard
• Admin Panel
• Backend API Integration
• Database Integration
• Search Functionality
• Multilingual Support
• Performance Optimization

---

👨‍💻 Author

Muhammad Awais

BS Computer Science
University of Central Punjab (UCP)

• GitHub: https://github.com/devawais01
• LinkedIn: https://www.linkedin.com/in/dev-awais01

---

📄 License

This project is licensed under the MIT License.

Feel free to use this project for learning and educational purposes.

---

⭐ Support

If you found this project helpful, consider giving it a ⭐ on GitHub.

Feedback and suggestions are always welcome!