Skip to content

noorjsdivs/mern_todo_app

Repository files navigation

Todo Application

Welcome to the Todo Application! This project is designed to help you manage your tasks efficiently while allowing multiple collaborators to work seamlessly in a team environment.

Getting Started

To begin working on this project:

  1. Clone the Repository:
    Clone this repository to your local machine using the following command:

    git clone https://github.com/noorjsdivs/mern_todo_app.git

Install Dependencies:

Navigate to the project directory and install the required packages using one of the following package managers:

npm install

npm install

or

pnpm install

pnpm install

or

yarn

yarn

Create a Branch:

Each collaborator must create their own branch to work on. Use the following command to create and switch to a new branch:

create branch

git branch your-branch-name

switch or move into your branch

git checkout your-branch-name

or

git switch your-branch-name

Run the Application:

Start the development server using the following command:

npm run dev

   npm run dev

or

pnpm dev

   pnpm dev

or

yarn run dev

   yarn run dev

The application will be running on localhost.

Push Changes:

Make sure to push changes from your own branch and avoid pushing directly to the main branch. Use the following command to push your branch:

git push origin

Functionalities

The Todo Application comes with the following features: Good UI: A clean and user-friendly interface with a perfect color combination. Add Todo: Easily add new tasks to your list. Delete Todo: Remove tasks that are no longer needed. Reset Todo: Clear all tasks from the list. Show Todo List: View all tasks in your list.

Packages Used

The following packages are used in this project: React Redux: For state management. Redux Toolkit: To simplify Redux logic. Redux Persist: To persist Redux state across sessions. Framer Motion: For smooth animations and transitions. Feel free to add any other packages as needed to enhance the application.

Technology Stack

This project is built using Next.js and leverages modern JavaScript libraries and tools to provide a robust development environment.

Contribution Guidelines All collaborators must create their own branch and avoid pushing directly to the main branch. Ensure that your code follows best practices and is properly tested before pushing.

Happy coding!