Stopwatch Application

A modern stopwatch application with a beautiful yellow theme, built using HTML, CSS, and JavaScript with a Firebase backend.

Features

• Real-time stopwatch with millisecond precision
• 3D-styled animated clock face
• Lap time recording functionality
• Session history with persistent storage (Firebase Realtime Database)
• Responsive design for all screen sizes
• Beautiful yellow theme with gradient effects

Technical Stack

• Frontend: HTML5, CSS3, JavaScript
• Backend: Node.js, Express
• Database: Firebase Realtime Database
• Animation: Canvas API

Installation

1. Clone the repository:

   git clone https://github.com/abhishek-maurya576/Stop-Watch.git

2. Install dependencies:

   npm install

3. Configure Firebase:

   • Create a Firebase project and obtain the configuration.
   • Replace the placeholder Firebase configuration in server.js with your project's configuration.

4. Start the server:

   npm start

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

Usage

• Click "Start" to begin the stopwatch
• Click "Stop" to pause
• Click "Reset" to clear the stopwatch
• Click "Lap" to record split times
• View previous sessions in the history panel

Features

• Animated analog clock display
• Digital time display with milliseconds
• Lap time recording
• Session history
• Responsive design
• Beautiful yellow theme
• 3D visual effects

License

MIT License