https://github.com/andrejkoller/quiztime-frontend
🎯 A multiplayer quiz game built with Angular - Challenge your friends across multiple categories and difficulty levels!
https://github.com/andrejkoller/quiztime-frontend
angular css3 html5 quizapp tailwindcss typescript
Last synced: about 1 month ago
JSON representation
🎯 A multiplayer quiz game built with Angular - Challenge your friends across multiple categories and difficulty levels!
- Host: GitHub
- URL: https://github.com/andrejkoller/quiztime-frontend
- Owner: andrejkoller
- License: mit
- Created: 2025-02-21T12:02:59.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2026-04-08T17:06:46.000Z (2 months ago)
- Last Synced: 2026-04-08T19:09:50.413Z (2 months ago)
- Topics: angular, css3, html5, quizapp, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://andrej-quiztime-frontend.vercel.app
- Size: 3.22 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
## Short description
A multiplayer quiz game built with Angular 18, featuring real-time gameplay, customizable settings, and an engaging user interface powered by Angular Material and Tailwind CSS.
## ✨ Features
- Multiplayer Support: Play with multiple players (customizable player count)
- Customizable Quiz Settings:
- Multiple categories (General Knowledge, History, Art, Music, Books)
- Three difficulty levels (Easy, Medium, Hard)
- Configurable rounds and player lives
- Interactive Gameplay:
- Real-time question answering
- Score tracking and leaderboard
- Player elimination based on lives
- Winner podium display
- Modern UI: Built with Angular Material and Tailwind CSS
- Responsive Design: Works seamlessly across different screen sizes
- Server-Side Rendering: Optimized performance with Angular SSR
## 🛠️ Technologies Used
- Framework: Angular 18.1.0
- UI Components: Angular Material 18.2.6
- Styling: Tailwind CSS 3.4.13
- Animations: Angular Animations
- Notifications: ngx-toastr 19.0.0
- Server: Express.js (for SSR)
## 📋 Prerequisites
Before you begin, ensure you have the following installed:
- Node.js (v18 or higher recommended)
- npm (comes with Node.js)
- Angular CLI (`npm install -g @angular/cli`)
## 📦 Installation
1. Clone the repository:
```bash
git clone https://github.com/andrejkoller/quiztime-frontend.git
cd quiztime-frontend
```
2. Install dependencies:
```bash
npm install
```
3. Run the development server:
```bash
npm start
```
4. Navigate to `http://localhost:4200`. The application will automatically reload when you make changes to the source files.
## 📸 Screenshots