Todo-Tastic is a modern and intuitive to-do list application designed to help you organize your tasks, track progress, and achieve your goals efficiently. Whether you're managing daily chores, planning a project, or simply staying on top of your to-do list, Todo-Tastic has got you covered.
- Add Tasks: Quickly add new tasks with details and mark them as completed.
- Edit Tasks: Update task details or change their status.
- View Task Details: Dive into the specifics of each task.
- Delete Tasks: Remove tasks you no longer need.
- Responsive Design: Works seamlessly across devices.
Follow these steps to set up and run the project locally.
Ensure you have the following installed on your system:
-
Clone the repository:
git clone https://github.com/nathaliemar/todo-app.git cd todo-app
-
Install dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and navigate to
http://localhost:5173
.
To create a production build:
npm run build
The build files will be generated in the dist
directory.
To preview the production build locally:
npm run preview
- React: Frontend library for building user interfaces.
- React Router: For handling client-side routing.
- Vite: Fast build tool for modern web projects.
- CSS Modules: For modular and scoped styling.