A task manager application built with React and TypeScript. It allows you to add, set status, delete tasks, and keeps track of the total number of tasks and completed tasks.
- Add tasks: Enter a task description and press Enter or click the "Add" button.
- Update task status: Click on a task to mark it as completed or uncompleted.
- Delete tasks: Click on the delete button (bin icon) next to a task to remove it from the list.
- Task counters: Displays the total number of tasks and completed tasks.
- Local storage: Tasks are stored in the browser's local storage for persistence.
- React: JavaScript library for building user interfaces.
- TypeScript: Superset of JavaScript that adds static typing.
- Vite: Fast development server and bundler.
- CSS Modules: Scoped CSS styling for React components.
- gh-pages: Deployment tool for publishing the app to GitHub Pages.
To run the project locally, follow these steps:
- Clone the repository:
git clone https://github.com/PERicci/Task-Manager.git - Navigate to the project directory:
cd Task-Manager - Install dependencies:
npm install - Start the development server:
npm run dev - Open your browser and visit
http://localhost:3001/Task-Manager