Flip Clock Animation

A sleek, retro-style digital flip clock built with vanilla web technologies and powered by a Node.js backend server. The clock features smooth 3D card-flipping animations that update in real-time.

---

⚡ Quick Start (How to Install & Run)

1. Install Packages

Open your terminal in the project root folder (digital-clock-node) and run the following command to install the required dependencies:

npm install

2. Run the Server

Once the installation finishes, start your Node server by running:

node server.js

3. View the Clock

Open your web browser and go to: 👉 http://localhost:3000 (Note: If your server.js file uses a different port number, replace 3000 with your specific port).

To stop the local server at any time, press Ctrl + C in your terminal window.

---

📂 Project Structure

digital-clock-node/ ├── node_modules/
├── public/
│ ├── index.html
│ ├── script.js
│ └── style.css
├── package.json
├── package-lock.json
├── server.js
└── Readme.md

---

🚀 Features

• 3D Flip Animation: Realistic split-flap card transitions for hours, minutes, and seconds.
• Real-time Tracking: Syncs instantly with your local system time.
• Node.js Backend: Hosted via a lightweight static file server.

---

💻 Tech Stack

• Frontend: HTML5, CSS3 (3D Transforms & Keyframe Animations), Vanilla JavaScript (ES6)
• Backend: Node.js