https://github.com/noorjsdivs/mern_todo_app
Todo Application
https://github.com/noorjsdivs/mern_todo_app
nextjs14 todo-app todo-application
Last synced: 5 months ago
JSON representation
Todo Application
- Host: GitHub
- URL: https://github.com/noorjsdivs/mern_todo_app
- Owner: noorjsdivs
- Created: 2024-09-08T06:26:34.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-09-19T11:18:15.000Z (8 months ago)
- Last Synced: 2024-10-28T01:43:14.615Z (7 months ago)
- Topics: nextjs14, todo-app, todo-application
- Language: TypeScript
- Homepage: https://merntodoapp.reactbd.com/
- Size: 2.78 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```bash
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
```bash
npm install
```
#### or
pnpm install
```bash
pnpm install
```
#### or
yarn
```bash
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
```bash
npm run dev
```
#### or
pnpm dev
```bash
pnpm dev
```
#### or
yarn run dev
```bash
yarn run dev
```
The application will be running on [localhost.](http://localhost:3000/)
### 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!