Skip to content

Latest commit

 

History

History
50 lines (30 loc) · 1.45 KB

README.md

File metadata and controls

50 lines (30 loc) · 1.45 KB

Fibonacci Clock Application

Overview

This Proportional Fibonacci Clock is a unique digital clock application that represents time using the Fibonacci sequence. The UI consists of five squares, each sized based on Fibonacci numbers. Each square changes color dynamically to represent hours, minutes, or both: red for hours, green for minutes, and blue when both overlap. The app offers buttons to increment or decrement time in 5-minute intervals, allowing users to visually explore how time is displayed using Fibonacci decomposition. Built with React and Tailwind CSS, the clock combines mathematical concepts with an interactive visual experience.

Technologies Used

  • React: JavaScript library for building user interfaces.
  • TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
  • Tailwind CSS: A utility-first CSS framework for creating custom designs.
  • Vite: For fast bundling.
  • React Router: For routing.
  • Other dependencies:

Getting Started

To get started with the Fibonacci Clock app, follow these steps:

  1. Clone the Repository:

    git clone <https://github.com/sohaibproject/fibonacci-clock.git>
  2. Navigate to the Project Directory:

    cd fibonacci-clock
    
  3. Install Dependencies:

    npm install
    
  4. Start the Development Server:

    npm run dev
    

    Screenshots