Yep, this is another typically todo app 📝

This app is build to learn the mern stack and also I'm trying use a clean folder structure, this project is divided into a client with vite and react and a server with express and mongo

Project structure
Installation
Backend
- Config
- Structure
Frontend
- Structure

Project structure 📂

client/
 src/
 package.json
 vite.config.js

server/
 src/
 package.json
 .env

Installation 🧞

Clone repository

git clone https://github.com/cristianqsanchez/todo-app.git
cd todo-app

Run backend `localhost:3000` 🚀

Server config ⚙️

Server is connected to mongodb through the environment vaiable MONGODB_URL in .env file as show in .env.example

You can create a mongodb cluster and get the url in mongodb.com 🌿

cd server
echo "MONGODB_URL=YOUR_MONGODB_URL" >> .env

Start 🎉

cd server
npm i
npm run dev

Backend structure 📂

src/
 tasks/
  controllers/
  model/
  routes/
 app.js
 index.js

Run frontend `localhost:5173` 🚀

cd client
npm i
npm run dev

Frontend structure 📂

src/
 components/
  hooks/
  services/
 App.jsx
 main.jsx
 index.html

cristianqsanchez/todo-app