---

Coronatime shows you current covid situation in the world with statistics of countries.

Table of Contents

• Table of Contents
• Prerequisites
• Tech Stack
• Getting Started
• Testing
• Project Structure
• Resources

Prerequisites

• Node JS @12.X and up
• npm @6 and up

Tech Stack

• React @18.0.0 - front-end framework
• Typescript @4.6.4 - TypeScript is JavaScript with syntax for types.
• React Hook Form @7.30.0 - flexible and extensible forms with easy-to-use validation.
• tailwindcss @3.0.24 - css framework
• cypress @9.6.0 - JavaScript End to End Testing Framework
• I18next @21.8.3 - I18next is an internationalization-framework written in and for JavaScript.

Getting Started

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

git clone https://github.com/Saba-Var/Coronatime.git

2. Next step requires install all the dependencies.

npm install

or

yarn install

3. after that you can run application from terminal:

npm start

Runs the app in the development mode. Open http://localhost:3000 to view it in your browser.

Testing

1. copy cypress.json

cp cypress.json.example cypress.json

2. Run application from the terminal

npm start

3. start cypress

npx cypress open

In order to see coverage of testing go to coverage/lcov-report and open index.html

Project Structure

├─── cypress # project test files
├─── readme  # readme assets
├─── src     # project source codes
│    ├── assets      # project images
│    ├── components  # reusable components
│    │   └── svgs            # svg components
│    ├── pages       # project pages
│    │   ├── ConfirmationEmail
│    │   │   └── components         # page components
│    │   ├── ConfirmedEmail
│    │   │   └── components         # page components
│    │   ├── Country
│    │   │   └── components         # page components
│    │   ├── Dashboard
│    │   │   └── components         # page components
│    │   ├── LogIn
│    │   │   └── components         # page components
│    │   ├── NewPassword
│    │   │   └── components         # page components
│    │   ├── PasswordConfirmation
│    │   │   └── components          # page components
│    │   ├── RecoveryPasswordByEmail
│    │   │   └── components          # page components
│    │   ├── SignUp
│    │   │   └── components          # page components
│    │   └── Worldwide
│    │       └── components          # page components 
│    └── state        # context api
- .eslintrc.json      # eslint config file
- .gitignore          # gitignore config file
- .prettierrc.js      # prettier config file
- cypress.json        # cypress config file
- jsconfig.json       # config file for absolute path
- package.json        # dependency manager configurations
- tailwind.config.js  # tailwindcss config file
- tsconfig.js         # typescript config file

Resources

• Application Design [Figma]
• Application Design Prototype
• Git commit rules
• Font [Inter]