A feature-rich ToDo list application built with modern web technologies. This app combines the power of React.js, Mantine UI, TailwindCSS, and LocalStorage to offer a seamless task management experience. You can effortlessly add, edit, and delete tasks, and even mark them as complete by clicking on them.
https://todo-list-app-react-test.netlify.app/
Mantine UI: The app leverages the Mantine UI library to create a visually appealing and user-friendly interface. React 18: Powered by the latest version of React, the app benefits from improved performance and concurrent rendering capabilities. TailwindCSS: TailwindCSS is used to streamline the styling and layout, making the app responsive and easy to customize. Vite: Vite is the build tool of choice, providing fast development and build times. Prettier: Code formatting is maintained with Prettier, ensuring clean and consistent code.
To run the app, follow these simple steps:
Install project dependencies:
npm install
Start the development server:
npm run dev
This will launch the app in your browser, and you can start managing your tasks right away!
Here's how to use the app: Add Task: Click the "Add Task" button to create a new task.
Edit Task: Click the edit icon to modify the text of an existing task.
Delete Task: Click the delete icon to remove a task from your list.
Complete Task: Click on a task to mark it as completed. A line-through will appear, indicating task completion.
