🚀 ForgeX – Responsive Quiz Learning Platform

ForgeX is a modern, responsive web-based quiz platform developed using HTML, CSS, and JavaScript. It helps students practice technical concepts through quizzes while tracking their progress with an interactive dashboard.

This project was developed as part of my Web Development Internship at SkillCraft Technology.

---

🔄 ForgeX Workflow

Landing Page
      │
      ▼
Sign Up
      │
      ▼
Login
      │
      ▼
Dashboard
      │
      ▼
Web Development Quiz
      │
      ▼
Submit Quiz
      │
      ▼
Result
      │
      ▼
Review Answers

📌 Features

🌐 Responsive Landing Page

• Modern UI with dark theme
• Fully responsive design
• Smooth scrolling navigation
• Mobile-friendly navigation menu
• Interactive animations

🔐 Authentication System

• Student Registration
• Secure Login
• Forgot Password functionality
• Password Reset
• LocalStorage-based authentication

📊 Student Dashboard

• Personalized welcome message
• Best Score tracking
• Total Attempts tracking
• Course selection interface
• Responsive dashboard layout

📝 Quiz System

• Random question generation
• 15-question quiz format
• 30-minute countdown timer
• Previous & Next navigation
• Automatic score calculation
• Auto submit when timer expires

📈 Result System

• Score calculation
• Percentage calculation
• Best score tracking
• Total attempts tracking
• Performance feedback
• Motivational messages

📖 Review Answers

• View incorrect answers
• Correct answer display
• Explanation for each question
• AI Explain placeholder for future enhancement

---

🛠 Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)
• LocalStorage API

---

📁 Project Structure

SCT_WD_3/
│
├── images/
│
├── index.html
├── login.html
├── signup.html
├── forgot-password.html
├── dashboard.html
├── quiz.html
├── result.html
├── review.html
│
├── style.css
│
├── script.js
├── signup.js
├── login.js
├── forgot-password.js
├── dashboard.js
├── quiz.js
├── questions.js
├── result.js
├── review.js
│
└── README.md

---

🚀 How to Run

1. Download or clone this repository.

git clone https://github.com/ali-repos/SCT_WD_3.git

2. Open the project folder.

3. Launch index.html using Live Server or any modern web browser.

---

📸 Project Modules

🏠 Landing Page

• Responsive UI
• Course showcase
• Developer section
• Contact section

👤 Authentication

• Signup
• Login
• Forgot Password
• Reset Password

📚 Dashboard

• Student profile
• Best Score
• Attempts
• Learning path

🧠 Quiz

• Random questions
• Timer
• Navigation
• Submission

📊 Results

• Score
• Percentage
• Performance level
• Review Answers

---

🎯 Internship Objective

The objective of this project is to demonstrate practical skills in:

• Responsive Web Design
• DOM Manipulation
• JavaScript Logic
• LocalStorage Management
• UI/UX Design
• Problem Solving

---

🔮 Future Improvements

• AI-powered explanations
• Multiple courses
• Database integration
• User profiles
• Leaderboard
• Certificates
• Admin panel
• Backend integration
• Authentication using Firebase
• Progress analytics

---

👨‍💻 Developed By

Shaik Rahamath Ali

Engineering Student

Aspiring Full Stack Developer

---

🌐 Connect With Me

GitHub: https://github.com/ali-repos

LinkedIn: www.linkedin.com/in/shaik-rahamath-ali-997374380

⭐ If you like this project

Please consider giving this repository a ⭐ on GitHub.

---

Thank You ❤️

Learning • Building • Growing with ForgeX 🚀