GitHub Golf 🏌️

An interactive quiz application to test and improve your Git knowledge. Built with Vite and TypeScript, featuring smooth animations and visual feedback.

Features

• 🎯 Interactive GitHub Search quiz
• ✨ Visual feedback with confetti effects for correct answers
• 🖼️ Explanatory images for better understanding
• 🎨 Smooth animations using Framer Motion
• 📱 Responsive design
• 🎮 Interactive UI components

Tech Stack

• Vite
• TypeScript
• Framer Motion
• Canvas Confetti
• Lucide React Icons

Getting Started

1. Clone the repository:

git clone https://github.com/HikaruEgashira/github-golf.git

2. Install dependencies:

bun install

3. Run the development server:

bun run dev

4. Open http://localhost:3000 in your browser.

Project Structure

├── globals.css         # Global styles
├── components/
│   ├── quiz/           # Quiz-specific components
│   └── ui/             # Reusable UI components
├── hooks/              # Custom React hooks
└── lib/
    └── quiz-data.ts    # Quiz questions and answers

Quiz Features

• Multiple choice questions about GitHub Search
• Immediate feedback on answers
• Detailed explanations with visual aids
• Progress tracking
• Character-based questions for engaging learning

Contributing

Contributions are welcome! Feel free to submit issues and pull requests.

License

MIT License