Project Name: Online Quiz Application
Project Description: This project is an Online Quiz Application developed using Java for the backend and
HTML/CSS/JavaScript for the frontend. Users can register, login, take a quiz consisting of 10 questions, and
see their scores. The application supports multiple-choice questions with 4 options and includes a custom
background image.
Project Structure:
OnlineQuizApp/
│
├── backend/
│ ├── src/
│ │ ├── [Link] # Main server and API endpoints
│ │ ├── [Link] # Question class with 4 options
│ │ └── [Link] # User class with registration, login, and score
tracking
│ └── lib/ # Optional external libraries
│
├── frontend/
│ ├── [Link] # Web page for quiz
│ ├── [Link] # JS to fetch questions and submit answers
│ ├── [Link] # CSS with custom background
│ └── images/ # Background image folder
│
└── [Link]
Backend Details: - Uses Java's built-in HTTP server ( [Link] ). -
[Link] : Handles username, password, score, registration, and login. - [Link] : Stores
question text, 4 options, and correct option index. - [Link] : Starts server, serves API endpoints: -
/register : Registers a new user. - /login : User login verification. - /quiz : Returns 10 questions in
JSON format. - /submit : Receives answers and calculates score.
Frontend Details: - [Link] : Main page with quiz container. - [Link] : Applies cute pink overlay
and custom background image. - [Link] : Fetches questions from backend, displays options, collects
answers, submits to server, and displays score.
Features: 1. User registration and login. 2. 10 multiple-choice questions. 3. Score tracking for each user. 4.
Customizable background image. 5. Simple responsive frontend.
How to Run: 1. Compile Java backend: ``
javac [Link] [Link] [Link]
1
2. Start server:
```
java QuizApp
3. Open frontend/[Link]` in a browser. 4. Register a new user, login, take the quiz, and submit
answers.
Technology Stack: - Java (Backend) - HTML, CSS, JavaScript (Frontend) - JSON for data exchange between
frontend and backend
Additional Notes: - Users can submit answers as a comma-separated string along with their username. -
Each question has exactly 4 options. - Score is updated automatically on submission. - Background image
can be changed by replacing images/[Link] .
Conclusion: This project demonstrates full-stack development using Java and web technologies. It provides
a functional online quiz platform with user management, scoring, and a visually appealing interface.
