ToDo List is a simple and modern task management application, built with TypeScript and ReactJS as part of a Rocketseat course. The project's goal is to practice fundamental React concepts such as components, states, and list manipulation.
The app allows users to:
- Add new tasks to your list
- Mark tasks as completed or pending
- Remove tasks
- View your daily activities progress
- 💡 Clean and intuitive interface
- 📝 Easily add, complete and remove tasks
- 📊 View total created and completed tasks
- 🔄 Real-time task list updates
- 🖱️ Drag & drop to reorder your tasks
- 🎨 Modern styling with SASS and Google Fonts
- Node.js v19 or higher
git clone https://github.com/pamelasantoss/ignite-todo-list.git
cd ignite-todo-list
npm install
npm run devVisit http://localhost:5173 to view the app.
npm run build
npm run previewsrc/assets: Contains project images and iconssrc/components: Reusable interface components (e.g., Task, Toast, Header)src/styles: Global styling and SASS variables
This project was developed to practice and demonstrate:
- List manipulation and state management in React
- Component-based architecture and code organization best practices
- Static typing and safety with TypeScript
- Modern styling with SASS
- Simple and efficient user experience
Contributions are welcome! Feel free to open issues or submit pull requests.
This project is under the MIT license. See the LICENSE file for details.
Made with ❤️ by Pamela Santos