Skip to content

Onkar-Birajdar/Todo-List

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

Todo List Application with Login and Signup Functionality

This is a feature-rich web application for managing a todo list. The application allows users to create and manage tasks with ease, helping them stay organized and focused on their goals. The application includes a login and signup functionality for users, with different roles (admin, super admin, and user) and dashboards based on the user's login status.

Features

  • Create, update, and delete tasks
  • Mark tasks as complete or incomplete
  • View completed tasks and filter tasks by status (all, active, or completed)
  • Clear completed tasks
  • Login and signup functionality for users, with different roles (admin, super admin, and user) and dashboards based on the user's login status
  • Store tasks in a MySQL database for persistent storage
  • Responsive design that works on desktop and mobile devices

Technologies Used

  • HTML, CSS, and JavaScript for the front-end
  • Bootstrap for responsive design
  • Node.js and Express for the back-end
  • MySQL database for storing the database
  • Passport.js for authentication and authorization
  • Git for version control
  • Heroku for hosting

Installation and Usage

  1. Clone the repository:
git clone https://github.com/onkar-birajdar/todo-list.git
  1. Install the dependencies of client:
npm install
  1. Start client:
npm start
  1. Open the application in your web browser:
http://localhost:3000
  1. Install the dependencies of server:
npm install
  1. Replace the database credentials with your own:

  2. Start the server:

nodemon server.js

How to Use

If you don't have an account, click the "Sign Up" button to create a new account. If you already have an account, click the "Log In" button to log in to your account. Once logged in, you can create tasks by typing in the input field and hitting enter or clicking the "Add" button. To mark a task as complete, click the checkbox next to it. To edit or delete a task, hover over the task and click the corresponding button. You can also filter tasks by status using the buttons at the bottom of the list.

Contribution Guidelines

This project is open-source and contributions are welcome! If you would like to contribute, please fork the repository and create a pull request with your changes. Make sure to follow the code style and testing guidelines outlined in the CONTRIBUTING.md file.

License

This project is licensed under the MIT License. Feel free to use, modify, and distribute the code as you see fit.