Clock Menu Application

An amazing Clock Menu application that shows current time of some famous cities of the world.
Gives you access to a stopwatch and timer.

This app is React based Web Application.

Link to hosted Application:

https://clock-menu-a-phenomenal1.netlify.app/

Technology Used

• React.js
  
  • React Class Component
    
  • React Functional Component
    
  • React Router
    
  • Props pass through Router-dom
  • ES6
    
• CSS3
  
• JQuery
  
• BootStrap
  

Featured Implemented

• Current time of some famous cities using universal standard time.
  • Analog Clock
  • Digital Clock
  • Famous architecture of that city
    
• Stopwatch with:
  • Pause
  • Play
  • Reset functions
• Form for receiving time input to start timer
• Timer with:
  • Pause
  • Play
  • Add 60 sec functions
• Default starting time of timer is 5 minutes
• Display messages on use different function in Stopwatch and Timer
• Excellent User Interface
• Responsive look to every platform

Installation

Follow these two step to run this Project:

1. Clone the Repository
   

$ https://github.com/A-phenomenal1/Clock-Menu.git

In the project directory

1. Download required npm or yarn modules
   

 npm i

OR

 npm install

2. Runs the app in the development mode.
   

 npm start

3. Open http://localhost:3000 to view it in the browser.
   The page will reload if you make edits.
   You will also see any lint errors in the console.
   

Functionalities

Website overlook Video

• https://user-images.githubusercontent.com/58008904/104058424-b3d9fd80-5219-11eb-836f-b61c27b1b773.mp4

Screenshots

Home Page

World Clock

Stop Watch

Timer Form

Timer