Description

Front-end Personal Budget Manager built out of a YouTube that I turned into a CRUD MERN Full-stack app.

Developed with

🛠️Programming language

📚 Technologies

• Frontend

• Backend and database

☁️ Hosting/SaaS

💻 IDEs

🕓 Version control

📌 Other tools

Enviroment variable

Frontend

Note:
The frontend env variables must be in an .env.local file instead of .env when hosted on Firebase.

- REACT_APP_FIREBASE_API_KEY
- REACT_APP_FIREBASE_AUTH_DOMAIN
- REACT_APP_FIREBASE_PROJECT_ID
- REACT_APP_FIREBASE_STORE_BUCKET
- REACT_APP_FIREBASE_MESSAGING_SENDER_ID
- REACT_APP_FIREBASE_APP_ID
- REACT_APP_DUMMY_EMAIL
- REACT_APP_DUMMY_PASSWORD

Backend

- MONGO_URI
- REACT_APP_FIREBASE_API_KEY
- REACT_APP_FIREBASE_AUTH_DOMAIN
- REACT_APP_FIREBASE_PROJECT_ID
- REACT_APP_FIREBASE_STORE_BUCKET
- REACT_APP_FIREBASE_MESSAGING_SENDER_ID
- REACT_APP_FIREBASE_APP_ID

Installation

Frontend

cd Client

npm install

npm run start

Backend

cd Server

npm install

npm start

Funcionalidades

• Sign up
• Sign in
• Update account
• Add/delete/edit budgets
• Add/delete/edit expenses
• Sign in with dummy account
• Database for data persistance
• Dark mode
• Multilanguage
  

Authors

• David Francisco - Frontend new features & and whole Backend
• Web Dev Simplified - Project idea