Task Management Website

Table of Contents

• Prerequisites
• Tech Stack
• Project Structure
• Deployment
• Author

Prerequisites

• npm @8 and up
• vite @4.0.0
• typescript @4.9.3

Tech Stack

• React @18.2.0 - front-end framework

• Tailwind_css @5.3.6 - visual primitives for the component age

• React Router @6.6.1 - React library for routing

• _React Hook Form @7.1.1 - Library for Handling Form State and Validation in React

• _react-input/mask -Library used to enter input in a certain format such as numeric, date, currency, email and phone.

Project Structure

|--- src
|   |--- components # reusable components
|   |---|--- index.ts # export all components
|   |--- pages
|   |---|--- index.ts # export all pages
|   |---|--- components # reusable components
|   |---|--- containers # containers for pages
|   |---|--- index.ts # export all components
|   |--- types
|   |---|--- types.d.ts # declare all types
|   |--- App.tsx # main page
|   |--- ScrollOnTop # functionality of scrolling top when rout changes
- package.json     # dependency manager configurations

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

• LinkedIn Mariam Davitashvili