Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sarmad426/mern-todo-app
Mern Stack Todo app. MongoDB | Express js | React js | Node js
https://github.com/sarmad426/mern-todo-app
express mern-stack mongodb node react todo-app typescript
Last synced: 5 days ago
JSON representation
Mern Stack Todo app. MongoDB | Express js | React js | Node js
- Host: GitHub
- URL: https://github.com/sarmad426/mern-todo-app
- Owner: Sarmad426
- License: mit
- Created: 2024-07-27T04:20:00.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-08-19T13:02:51.000Z (3 months ago)
- Last Synced: 2024-08-24T02:08:48.594Z (3 months ago)
- Topics: express, mern-stack, mongodb, node, react, todo-app, typescript
- Language: TypeScript
- Homepage:
- Size: 109 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
- License: LICENSE
Awesome Lists containing this project
README
# MERN Stack Todo app
This is a full stack Todo app built with the MERN stack. It uses **Mongo DB**, **Express js**, **React js** and **Node js**. It uses typescript as a primary language for both the frontend and backend.
## Setup the project
Make sure you have pnpm an mongo db compass installed in your system.
```bash
git clone https://github.com/sarmad426/mern-todo-app.git
```
Go to the project directory
```bash
cd mern-todo-app
```
**Setup the backend**:
```bash
cd backend
pnpm i
pnpm build
```
**Run the backend**:
```bash
pnpm start
```
**Setup the frontend**:
```bash
cd frontend
pnpm i
```
**Run the frontend**:
```bash
pnpm dev
```
## Setup the MERN project from scratch
```bash
md frontend backend
```
**Setup the backend:**
```bash
cd backend
pnpm init -y
```
**Add required dependencies:**
```bash
pnpm add express mongoose dotenv
pnpm add -D nodemon
pnpm add typescript ts-node @types/node @types/express
pnpm dlx tsc --init
```
**Setup the front end:**
```bash
cd frontend
pnpm create vite .
pnpm i
```
**Run the backend:**
```bash
pnpm start
```
It will start listening at port 5000. Test it at
**Run the frontend:**
```bash
pnpm dev
```
Go to
Todo app setup successful. 🎉