csoumya14 / Clock-app

A clock app that shows the time and location of the visitor. Two external APIs are used to achieve the result. This is a challenge from Frontend Mentor

Clock App

Live site (https://clock-app-nu.vercel.app/)

Overview

This project was created as a solution for a front-end mentor challenge(https://www.frontendmentor.io/challenges/clock-app-LMFaxFwrM). Data is fetched from two different apis (https://worldtimeapi.org/api/ip/) and (https://freegeoip.app/json/).

Features

• Current time, city and country code of the user are displayed.

• There is a button for selecting quotes which is displayed on top of the screen.

• A button named 'more' is placed on lower part of the screen

• On clicking 'more button' additional information regarding time zone of the user as well as day of the year and week number are displayed on the screen.

• mobile first approach is used for responsiveness.

Tech Used/ Dependencies

• This project was bootstrapped with Create React App.

• Dependencies used includes:
  

1.Axios
2.styled-components

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
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.