https://github.com/emanuelefavero/todo-list-mern

A Todo List app built using the MERN stack and Next.js Server Actions
https://github.com/emanuelefavero/todo-list-mern

express mern mern-stack nextjs nextjs14 react server-actions todolist

Last synced: 12 days ago
JSON representation

A Todo List app built using the MERN stack and Next.js Server Actions

• Host: GitHub
• URL: https://github.com/emanuelefavero/todo-list-mern
• Owner: emanuelefavero
• License: mit
• Created: 2024-03-05T08:10:58.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-03-05T08:16:43.000Z (10 months ago)
• Last Synced: 2024-03-05T09:30:57.673Z (10 months ago)
• Topics: express, mern, mern-stack, nextjs, nextjs14, react, server-actions, todolist
• Language: TypeScript
• Homepage:
• Size: 85.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Todo List MERN

## Description

This is a simple Todo List application built using the MERN stack. It allows users to add, check and delete tasks. The application uses a MongoDB database to store the tasks. Next.js 14 app router with server actions is used to render the front end

#### Screenshot



## Installation

Before you begin, ensure to add a new database in MongoDB atlas and replace the `MONGODB_URI` in the `.env` file with your own database URI

1. Clone the repository

2. Run `npm install` in the root directory

3. Run `npm run dev` to start the server

4. Open `http://localhost:3000` in your browser

## Usage

1. Add a task by typing in the input field and pressing enter

2. Check a task by clicking on the checkbox

3. Delete a task by clicking on the delete button

## License

- [MIT](LICENSE.md)

## Resources

- [MongoDB Atlas](https://cloud.mongodb.com/)

- [Next.js](https://nextjs.org/)

- [MongoDB](https://www.mongodb.com/)

- [Mongoose](https://mongoosejs.com/)

- [React](https://reactjs.org/)

- [Node.js](https://nodejs.org/en/)

- [Express](https://expressjs.com/)

- [Tailwind CSS](https://tailwindcss.com/)