Skip to content

ccmelvin/music_quiz

Repository files navigation

Music Quiz Web App

A simple, elegant, and fun web application that tests users' knowledge of music through interactive quizzes.

Features

  • Interactive quiz with multiple-choice questions
  • Randomized questions from various music categories
  • Immediate feedback on answers
  • Score tracking and final results
  • Responsive design for all devices
  • Visual feedback and animations

Getting Started

Prerequisites

  • Node.js (v14 or later)
  • npm or yarn

Installation

  1. Clone the repository or download the files
  2. Navigate to the project directory
  3. Install dependencies:
npm install
# or
yarn install

Running the Development Server

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Project Structure

  • /pages - Next.js pages
  • /components - React components
  • /styles - CSS and styling files
  • /utils - Utility functions and data
  • /public - Static assets

Technologies Used

  • Next.js - React framework
  • Tailwind CSS - Utility-first CSS framework
  • React Hooks - For state management

Customization

To add or modify quiz questions, edit the utils/questions.js file.

License

This project is open source and available under the MIT License.

About

A music quiz game project built to demonstrate how to use the Amazon Q CLI prompt. Includes rules and guidelines for Amazon Q usage in Markdown files, alongside a practical music-themed quiz example built with Next,TypeScript and Tailwind.

Topics

Resources

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors