A simple and intuitive task manager (to-do) application built with ReactJS and TailwindCSS. This application allows users to add, delete and mark tasks as completed, helping you stay organized and productive.
Check out the live demo: Task Manager Demo
- Add New Tasks: Easily add new tasks to your to-do list.
- Delete Tasks: Remove tasks that are no longer needed.
- Mark as Completed: Mark tasks as completed to keep track of your progress.
- Responsive Design: Seamlessly use the application on any device, thanks to TailwindCSS.
To get a local copy up and running follow these simple steps:
- Node.js (version 12 or higher)
- npm (version 6 or higher) or yarn
-
Clone the repository:
git clone https://github.com/your-username/task-manager.git cd task-manager -
Install dependencies:
npm install # or if you prefer yarn yarn install
-
Start the development server:
npm start # or if you prefer yarn yarn start -
Open your browser and navigate to
http://localhost:5173 -
Use the application to manage your tasks.
- ReactJs: A JavaScript library for building user interfaces, especially single-page applications, using a component-based architecture..
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- React Icons: A library of popular icons for React applications.
├── src
│ ├── components
│ │ ├── Footer.jsx
│ │ ├── Navbar.jsx
│ │ ├── TaskForm.jsx
│ │ ├── TaskList.jsx
│ │ └── ...
│ ├── App.jsx
│ ├── main.jsx
│ └── ...
├── tailwind.config.js
├── package.json
└── ...
Contributions are welcome! Please follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch). - Make your changes.
- Commit your changes (
git commit -m 'Add some feature'). - Push to the branch (
git push origin feature-branch). - Open a pull request.