Todo App

this was assigned to this email

[munyeshurimanzi@gmail.com]

A simple Todo application built with React and Vite, using DummyJSON as a backend API.

Live demo: https://todo-app-assign.vercel.app/

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Getting Started

1. Clone the repository

git clone https://github.com/ManziPatrick/React-Technical-Assignment.git
cd React-Technical-Assignment

2. Install dependencies

npm install
# or
yarn install

3. Environment Setup

Create a .env file in the root directory and add:

REACT_APP_API_BASE_URL=https://dummyjson.com

4. Running the Application

To start the development server:

npm run dev
# or
yarn dev

screenshots of CRUD

To add todo

To update the status is just to click status

To delete the ticket click on three dots and delete

To get all the tickets

Localhost

The application will be available at http://localhost:5173

To create a production build:

npm run build
# or
yarn build

To preview the production build locally:

npm run preview
# or
yarn preview

Testing

The project uses Jest for testing. Here are the available test commands:

Run all tests

npm test
# or
yarn test

Watch mode (for development)

npm run test:watch
# or
yarn test:watch

Generate test coverage report

npm run test:coverage
# or
yarn test:coverage

Code Quality

Run the linter to check for code style issues:

npm run lint
# or
yarn lint

Built With

• React
• Vite
• Jest
• ESLint

Deployment

This project is deployed on Vercel. To deploy your own instance:

1. Create a Vercel account if you haven't already
2. Connect your repository to Vercel
3. Configure the environment variables in Vercel dashboard
4. Deploy!

The application will automatically deploy when changes are pushed to the main branch.