freiburgdevteam / mern-application-client

Budget-Manger MERN-Application

Description

With Budget-Manager you will never lose track of your finances. You can add expenses or income monthly or once with a new statement. In the Dashboard, you have an overview of your balance at any given time, and a chart to display all the income and expenses in one year sorted by month. So now you have no excuses to lose track of your finances ever again.

Built With

• Express.js
• REACT.js
• MongoDB
• JavaScript
• HTML
• CSS
• MUI
• Chart.js

Getting Started

This repository is for Front-End ( React.js ) only.

Install NPM packages

npm install packages

packages:

• "@emotion/react": "^11.9.0",
• "@emotion/styled": "^11.8.1",
• "@mui/icons-material": "^5.8.0",
• "@mui/material": "^5.8.1",
• "@testing-library/jest-dom": "^5.16.4",
• "@testing-library/react": "^13.2.0",
• "@testing-library/user-event": "^13.5.0",
• "axios": "^0.27.2",
• "chart.js": "^3.7.1",
• "framer-motion": "^6.3.3",
• "moment": "^2.29.3",
• "react": "^18.1.0",
• "react-chartjs-2": "^4.1.0",
• "react-dom": "^18.1.0",
• "react-moment": "^1.1.2",
• "react-router-dom": "^6.3.0",
• "react-scripts": "5.0.1",
• "reactjs-simple-spinner": "^0.0.5",
• "web-vitals": "^2.1.4"

Update your environment variables:

• REACT_APP_API_URL=

and run the application with: npm start

Developer-Team

• Oscar Gonzalez Github

• Alexander Nerz Github

Website

• Budget-Manager