A simple React-based To-do app that allows users to add, remove, edit, and mark tasks as done. The app includes a login feature using Firebase authentication, but also works without login by utilizing local storage.
- Add a task
- Remove a task
- Edit a task
- Mark a task as done
- Login with Firebase authentication
- Works without login using local storage
- Clone the repository: git clone https://github.com/your-username/todo-app.git
- Install the dependencies: cd todo-app npm install
- Set up Firebase:
- Create a new Firebase project at https://console.firebase.google.com/
- Enable the Authentication service and configure the sign-in method (email/password)
- Copy the Firebase configuration object and paste it into
src/services/firebase.js
-
Start the development server: npm start
-
Open the app in your browser at http://localhost:3000
- To add a task, type the task in the input field and press the "Add" button or hit Enter.
- To remove a task, click the "Remove" button next to the task.
- To edit a task, click the "Edit" button next to the task, make the changes, and click outside the input field or hit Enter.
- To mark a task as done, click on the task text.
- To login, enter your email and password in the login form and click the "Login" button.
- To logout, click the "Logout" button in the header.
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.