A modern and responsive Todo List application built with React. This project was developed to showcase core front-end development skills, including state management with React Hooks and data persistence. It's a clean, user-friendly app that helps users track their tasks and deadlines.
- Create and Manage Tasks: Easily add new tasks with a due date.
- Delete Tasks: Remove completed or unwanted tasks.
- Persistent Data: Tasks are saved to the browser's Local Storage, so they won't be lost on page refresh.
- Input Validation: The app prevents empty tasks and validates dates to ensure they aren't in the past.
- Responsive Design: The layout adapts seamlessly to different screen sizes, providing an excellent user experience on both mobile and desktop devices.
- Planned Feature: The ability to modify existing tasks is a planned feature for a future update.
- React: For building the user interface.
- React Hooks:
useState,useReducer, anduseEffectfor efficient state management and side effects. - HTML & CSS: For a clean, semantic structure and modern styling.
Make sure you have Node.js and npm installed.
- Clone the repository:
git clone https://github.com/mirkomkr/React-Todo-App.git - Navigate to the project directory:
cd React-Todo-App - Install the dependencies:
npm install - Start the development server:
npm run dev
The app will be available at http://localhost:5173.