Clock-app

Table of Contents

• Prerequisites
• Tech Stack
• Screenshot
• Getting Started
• Project Structure
• Deployment
• Author

Prerequisites

• npm @8 and up
• _javascript es6
• _vite @4.0.0

Tech Stack

• ReactJS @18.1.0 - frontend framework
• Tailwind CSS v3.0 - visual primitives for the component age

Interaction

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

• Solution URL: Add solution URL here
• Live Site URL: Add live site URL here

Getting Started

1. First of all you need to clone app repository from github:

git clone https://github.com/DavitDvalashvili/Clock-app.git

2. Next step requires install all the dependencies.

npm install

3. To see project in action

npm run dev

Project Structure

|--- src
| |--- components # reusable components
| |--- App.jsx # main page
| |--- index.css # global styles

- package.json # dependency manager configurations
- tailwind.config.js # CSS configuration
- vite.config.js # fast build tool

Deployment

Before every deployment you need to create build file.

npm run build

after this you can use this file to deploy project on server.

Author

• Github profile - Add your name here
• Linkedin profile - Add your name here
• Email - @your_username