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.
Make sure you have pnpm an mongo db compass installed in your system.
git clone https://github.com/sarmad426/mern-todo-app.git
Go to the project directory
cd mern-todo-app
Setup the backend:
cd backend
pnpm i
pnpm build
Run the backend:
pnpm start
Setup the frontend:
cd frontend
pnpm i
Run the frontend:
pnpm dev
md frontend backend
Setup the backend:
cd backend
pnpm init -y
Add required dependencies:
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:
cd frontend
pnpm create vite .
pnpm i
Run the backend:
pnpm start
It will start listening at port 5000. Test it at http://localhost:5000/api/todos
Run the frontend:
pnpm dev
Go to http://localhost:5173/
Todo app setup successful. 🎉