Click-Fox

A modern web application for testing clicking speed.

Example Video

Tech Stack

Frontend

• React - UI framework with functional components and hooks
• Tailwind CSS - Utility-first CSS framework for styling
• Vite - Fast build tool and development server
• Chart.js - Open source and easy to use charting library

Backend

• Express.js - Node.js web framework
• MongoDB - NoSQL database with Mongoose ODM
• Firebase - Authentication, hosting, and functions

Infrastructure

• Firebase Hosting - Static site hosting
• Firebase Authentication - User management
• Firebase Functions - Cloud functions
• MongoDB Atlas - Cloud database

Project Structure

├── frontend/                 
│   ├── src/
│   │   ├── Components/       # React components
│   │   ├── Views/            # Each unique web Page
│   │   ├── Assets/           # Static assets
|   ├── firebase.json         # Hosting configuration
│   └── firebase-config.js    # Firebase configuration
├── backend/                  
│   ├── controllers/          # Business logic
│   ├── routes/               # API endpoints
│   └── models/               # Data models

Features

• Multiple game modes for different types of clicking tests
• Real-time performance tracking and analytics
• Responsive design for all devices
• User authentication and data persistence

License

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