This project is a simple Todo List application built using React.js with TypeScript and ShadCN. The app allows users to manage their tasks by creating, deleting, marking them as completed or not completed, and searching for specific tasks. The todos are categorized into two sections: "Not Completed" and "Completed."
- Add new todos
- Delete todos
- Mark todos as completed or not completed
- Search todos by title
- Display todos in two sections: "Not Completed" and "Completed"
- React.js: For building the UI.
- TypeScript: Provides static type checking.
- ShadCN: Custom UI components and styling framework.
-
Clone the repository:
git clone https://github.com/ay-ub/todo-list.git
-
Navigate to the project directory:
cd todo-list- Install dependencies using npm or pnpm:
npm i
#or using pnpm
pnpm i- Start the development server:
pnpm run dev- Open your browser and go to:
http://localhost:5173/