A simple and intuitive to-do list with cross-device synchronization.
This application allows you to organize your tasks by categories (e.g., "Shopping", "Movies", "Work") and store them in the cloud. Thanks to Firebase integration, your tasks are always at hand, no matter which device you use.
Try the application in action:
The category panel is located on the left. You can create unlimited lists for different needs.
- Add: Click the "Add Category" button to create a new group.
- Edit: Click on the category title to rename it.
- Delete: Click the cross icon to remove a category and all tasks inside it.
The right side displays the to-do list for the selected category.
- New Tasks: Enter text in the "New task" field and click the plus button.
- Complete: Mark finished tasks with a checkmark.
- Edit: Click on the task text to modify it.
The sync button is located in the bottom right corner.
- Sign in with your Google Account.
- Your lists and tasks will be saved to the Firebase cloud.
- Open the app on another device, log in, and all your data will sync automatically.
- React (Hooks, Functional Components)
- SCSS / Sass (Styling)
- Firebase Realtime Database (Data storage)
- Firebase Authentication (Google Sign-In)
If you want to run the project locally:
- Clone the repository:
git clone https://github.com/igarok88/EasyTask-React.git
- Install dependencies:
npm install
- Start the project:
npm start
This project is licensed under the MIT License. You are free to use, modify, and distribute this code.
Ihor Shchupliak
Created for educational purposes.