Mouse Tester

Mouse Tester is a web application built with React + Vite that visualizes mouse interactions with smooth animations. It tracks mouse clicks (left, right, middle) and scroll events, providing real-time feedback. The project is deployed on GitHub Pages.

Features

User Features

• Mouse Click Detection:
  • Detects left-click, right-click, and middle-click events.
  • Displays click events with visual indicators.
• Scroll Tracking:
  • Captures mouse scroll events and visualizes them dynamically.
• Smooth Animations:
  • Clicks and scrolls are represented using clean and fluid animations.

Technology Stack

Frontend

• React for a modern and interactive user interface.
• Vite for fast development and build times.
• CSS Animations for smooth visual effects.

Usage

User Workflow

1. Open the Mouse Tester application.
2. Hover over the mouse visualizator, and Click using left, right, or middle mouse buttons to see visual feedback.
3. Scroll up and down to observe the scroll visualization.
4. The mouse visualizator blocks the default mouse input for a better user experience.

This project is meant to help practice working with React and Vite.