Welcome to Budgiet

Budgiet is a React powered web app that allows to retake control of your finances. Please click Here to see the App!

About 🚀

Budgiet is a project that came to fruition with analyzing the trends around the world. With the rising cost of everyday household items, budgeting has never been more important for Households. Budgiet provides a way for you to keep track of your income and expenses and maintain financial literacy.

Technology used

React- Budgiet uses the React framework to power its front-end. This results in a seamless experience for the user, and an easy opportunity for anyone to understand the routing of the code, given they have experience with the usability of the React framework. The React implementation allowed for greater flexibility in providing the front-end and allowed me to understandd the framework better.

Express/node.js/postgresql- Budgiet utilizes a persisting database to store it's content in which express provides the back end component of this project. The ability to utilize the express framework married with React provided exposure in how a full stack with two different frameworks operates and the importance of the moving parts.

Modules used:

React Modules:

• Axios
• React-router-dom
• Sass
• Redux (Under Construction)

Express Modules:

• dotemv
• express-session
• pg
• bcrypt
• nodemon

Approach Taken & Planning:

Approach:

I knew from the get go, that I was going to implement React as my front-end to gain a deeper understanding of the framework. Initially, I thought about utilizing a front-end app exclusively, but I figured the idea of creating a full stack application would give me a better understanding of all the moving parts that comes with it.

Upon starting to develop the project, I was able to understand the difficulty of the task and it provided me with insight in terms of the importance of being able to understand the code's journey to even get a single desired output. I learned new concepts, attempted to implement new technology(albeit unsuccesfully for redux) and ultimately felt like it pushed my knowledge.

Planning:

Installation Instructions:

1. Clone these two repos: git clone https://github.com/Lozlink/Budgiet.git git clone https://github.com/Lozlink/Budgiet-express.git

2. Within the budgiet directory, Run: npm i axios react-router-dom sass redux

3. Within the budgiet-express directory, Run: npm i -S bcrypt pg express express-session npm i -D nodemon dotenv

4. Start the front end: In the budgiet directory, run npm start

5. Start the back end: In the budgiet-express directory, run npm run dev

Contribute!

Contributions to this project would be a create opportunity to learn, inspire and create. Any contributions would be greatly appreciated.

1. Fork the Project
2. Create a feature branch (`git checkout -b feature/newfeature)
3. Commit your changes (git commit -m"added a feature")
4. Push to the branch (git push origin feature/newfeature)
5. Open a pull request

Bugs/Difficulties

• Don't utilize tech you don't completely understand
• No error message with incorrect log in
• Lack of error messages in general