This is a simple ToDo application built with Next.js. It allows users to manage their tasks, mark them as completed, edit them, delete them, reorder, and search for specific tasks. The application also features animations for a smoother user experience.
record.mp4
- Add, edit, and delete tasks/todos.
- Mark tasks/todos as done/completed.
- Persisted data using local storage.
- Utilize a search bar to find specific tasks/todos.
- Fully animated components for a smoother user experience.
- Unit testing for components.
- Responsive design.
- Dark mode
- Clone the repository:
git clone https://github.com/dimashpt/todo-next- Navigate to the project directory:
cd todo-next- Install dependencies:
pnpm install- Start the development server:
pnpm dev-
Open the browser and navigate to
http://localhost:3000. -
Start managing your tasks!
To run unit tests, use the following command:
pnpm test- Next.js
- Frammer Motion
- Shadcn UI
- Tailwind CSS
- Jest
- React Testing Library