Fullstack MERN App

MongoDB | Express | React | Node

Frontend - Simple Expense Tracker using React Hooks and Context API

React Client

Starter code based on a React version of Brad Traversy's Vanilla JS Expense Tracker. It uses functional components with hooks and the context API.

Variations in Logic to showcase

• Destructuring with Ternary Operator to return multiple dynamic values
• Destructuring with Ternary Operator inside reduce() to return multiple dynamic values

Usage - Frontend

npm install

# Run on http://localhost:3000
npm start

# Build for prod
npm run build

Backend - Simple Expense Tracker using MERN stack

MERN Backend

MongoDB | Express | React | Node

Starter code based on Brad Traversy's MERN version.

Usage - Backend

change config.env file in config folder

 npm install
 cd client npm install
 cd ..

 # Run front and backend
 npm run dev

 # Backend only
 npm run server

 # Frontend only
 npm run client

 # Build client
 cd client
 npm run build

 # Prod
 npm start