This project contains a simple todo application with the following features:
- A user can sign up
- A user can sign in
- A user can create a todo
- A user can see all their created todos
- A user can mark a todo as completed
- Sign Up: Create an account to start using the Todo App.
- Sign In: Access your account by signing in.
- Create a Todo: Add new tasks to your list.
- View Todos: See all the tasks you have created.
- Mark as Completed: Mark tasks as completed once they are done.
-
Sign Up:
- Fill in your details and register.
- Receive a confirmation message.
-
Sign In:
- Enter your credentials to log in.
- Access your dashboard.
-
Create a Todo:
- Click on "Add Todo".
- Enter the task details and save.
-
View Todos:
- Navigate to the "My Todos" section.
- See a list of all your tasks.
-
Mark as Completed:
- Check the box next to a task to mark it as completed.
- The task moves to the completed section.
-
Sign Up Page:
-
Sign In Page:
-
Create Todo:
-
View Todos:
-
Mark as Completed:
- Implement authentication using OAuth.
- Add functionality to edit todos.
- Enable filtering todos by date or priority.
- Add notifications for upcoming tasks.
To run this project locally:
- Clone the repository:
git clone https://github.com/yourusername/todo-app.git
- Install dependencies:
cd todo-app npm install - Start the development server:
npm start
- Open your browser and navigate to
http://localhost:3000.