https://github.com/makogeboris/clock-app
https://github.com/makogeboris/clock-app
api react styled-components tanstack-query tanstack-react-query
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/makogeboris/clock-app
- Owner: makogeboris
- Created: 2025-02-17T14:50:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-02T16:21:24.000Z (over 1 year ago)
- Last Synced: 2025-08-22T16:28:54.013Z (10 months ago)
- Topics: api, react, styled-components, tanstack-query, tanstack-react-query
- Language: JavaScript
- Homepage: https://clock-app-ten-rho.vercel.app
- Size: 1.04 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Mentor - Clock app solution
## Table of contents
- [Overview](#overview)
- [The challenge](#the-challenge)
- [Screenshot](#screenshot)
- [Links](#links)
- [Built with](#built-with)
- [Author](#author)
## Overview
### The challenge
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- View the current time and location information based on their IP address
- View additional information about the date and time in the expanded state
- Be shown the correct greeting and background image based on the time of day they're visiting the site
- Generate random programming quotes by clicking the refresh icon near the quote
### Screenshot
### Links
- [Live Site](https://clock-app-ten-rho.vercel.app/)
### Built with
- [React](https://reactjs.org/)
- [TanStack Query](https://tanstack.com/)
- [Styled Components](https://styled-components.com/)
- [Axios](https://axios-http.com/)
- [Date-fns](https://date-fns.org/)
## Author
- Frontend Mentor - [makogeboris](https://www.frontendmentor.io/profile/makogeboris)
- Twitter - [makogeboris](https://x.com/makogeboris)