This is a simple ToDo List application built using React and Material-UI. The app allows users to manage their tasks by adding, editing, marking as done, and deleting them. It also includes a login feature with hardcoded credentials for demonstration purposes.
- Add new tasks
- Edit existing tasks
- Mark tasks as done
- Move tasks back to "on-going"
- Delete tasks
- Swipe navigation for different task lists (done, on-going, dropped)
- Simple login functionality
Follow these steps to set up and run the application locally:
- Node.js (version 14 or higher)
- npm (Node Package Manager) or yarn
Clone the repository:
git clone https://github.com/your-username/todo-list-app.git cd todo-list-appInstall the dependencies:
Using npm:
npm installUsing yarn:
yarn install
Start the development server:
Using npm:
npm startUsing yarn:
yarn startThe application will start and can be accessed at
https://gregarious-churros-f32ccf.netlify.app/in your web browser.
Login:
Use the following hardcoded credentials to log in:
- Username:
user - Password:
password
- Username:
Manage Tasks:
- Add new tasks using the input field and the "Add" button.
- Edit tasks by clicking the edit icon next to the task.
- Mark tasks as done by clicking the check icon.
- Move tasks back to "on-going" by clicking the redo icon.
- Delete tasks by clicking the delete icon.
Swipe Navigation:
Swipe left or right to navigate between "done," "on-going," and "dropped" task lists.
src/App.js: Main application component.src/index.js: Entry point of the application.public: Contains the static files for the application.
- React
- Material-UI
If you would like to contribute to the project, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix:
git checkout -b feature-name - Commit your changes:
git commit -m "Description of your changes" - Push to the branch:
git push origin feature-name - Create a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
- Material-UI for the UI components and icons.
Enjoy using the ToDo List App! If you have any questions or need further assistance, feel free to open an issue on the repository.