rakibhasansohag / Mern-todo-application

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MERN Todo Application

MERN Todo Application

The MERN Todo Application is a simple, yet powerful todo list web application that allows users to manage their daily tasks efficiently. This application is built using the MERN stack, which includes MongoDB, Express.js, Vanila js, and Node.js. It provides essential features such as adding, deleting, editing, and completing todos. Additionally, it includes some hidden features that make managing tasks even more convenient.

Features

  1. Add Todo: Easily add new tasks to your todo list by typing the task description and pressing the "Add" button.

  2. Delete Todo: Remove completed or unnecessary tasks from the list with the "Delete" button.

  3. Edit Todo: Made a mistake in the task description? No worries! Simply click the "Edit" button to modify the todo.

  4. Complete Todo: When you finish a task, click the checkbox next to the todo to mark it as complete.

  5. Hidden Feature - Mouse Right Click: Right-click on a todo item to quickly delete it without having to use the "Delete" button.

  6. Hidden Feature - Double Click: Double-click on a todo item to mark it as complete without needing to click the checkbox.

Installation

To run the MERN Todo Application on your localhost, follow these steps:

  1. Clone the repository to your local machine:
git clone https://github.com/devoloper-rakib/Mern-todo-application.git
cd Mern-todo-application
  1. Install the dependencies:
cd backend
npm install
  1. Run the application:
cd backend

npm run dev
  1. Also need to run Saas for frontend
cd frontend
need sass install
npm install -g sass
npm install
watch sass

The application should now be running on your localhost. Open your web browser and navigate to http://localhost:5000/api/v1/todo to access the todo app.

you also check out the frontend part here

Technologies Used

  • MongoDB: A NoSQL database used to store and manage todo data.
  • Express.js: A web application framework for Node.js that handles server-side logic and routing.
  • Node.js: A JavaScript runtime environment that runs the server-side code.

Contribution

If you would like to contribute to the MERN Todo Application, you can follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and commit them with descriptive commit messages.
  4. Push your changes to your forked repository.
  5. Create a pull request to merge your changes into the main repository.

Please ensure that your contributions align with the project's goals and adhere to the code of conduct.

License

I am not using any license for this project. You can use it for your personal use. But you can't use it for commercial use.

Contact

If you have any questions, suggestions, or feedback, feel free to contact Me :

Name: [Rakib Hasan Sohag ] Email: [rakibhasansohag133@gamil.com]


console.log("Happy Coding 🚀")

About


Languages

Language:JavaScript 72.6%Language:SCSS 19.1%Language:HTML 8.3%