Skip to content

rollingtroost/todo-app-react

Repository files navigation

ToDo App

This is a simple ToDo application built with React and Vite. It allows users to manage their tasks, mark them as completed, edit them, delete them, and search for specific tasks. The application also features animations for a smoother user experience.

Screenshots / Preview

Todo App Screenshot / Preview

Features

  • Add, edit, and delete tasks/todos.
  • Mark tasks/todos as done/completed.
  • Utilize a search bar to find specific tasks/todos.
  • Animations for marking, deleting, and editing tasks/todos.
  • Unit testing for components.

Installation

  1. Clone the repository:
git clone https://github.com/akmalmstfa29/todo-app-react todo-app
  1. Navigate to the project directory:
cd todo-app
  1. Install dependencies:
yarn install

Usage

  1. Start the development server:
yarn dev
  1. Open the browser and navigate to http://localhost:5173.

  2. Start managing your tasks!

Testing

To run unit tests, use the following command:

yarn test

Technologies Used

  • React
  • Vite
  • PropTypes
  • Vitest
  • React Testing Library
  • Frammer Motion

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published