WELCOME TO THE MR.BUDGETAPP FOR PURSUIT 10.1
Mr. Budget is an app where imaginary people can log their financial transactions! Utlizing JS, React Libary, Express and RESTful routes!
You can find both front-end deployment at [https://mrbudgetappx.netlify.app/] and the back-end applications github and depoylment at #LINK#. I take an iterative and incremental approach to projects. If you are intrested in my development process check out my Trello board [https://trello.com/b/w2hcyMq9/budget-app].
Features CRUD Operations: Perform Create, Read, Update, and Delete operations on your transactions. Clear Visualization: Thoughtful and clear display of transaction data for easy understanding. Intuitive Navigation: Consistent navigation bar across all pages for smooth user experience. Colorful Insights: Visual representation of data using dynamic CSS based on transaction values. User-Friendly Forms: Well-labeled forms with appropriate input types for seamless interaction. Calculation Magic: Real-time calculations of financial data presented on the Index page.
On Usage:
On the Index Page: View all transactions and colorful insights. Click to view details. Show Page: Explore detailed transaction information. Edit or delete as needed. New Resource: Create a new transaction with our user-friendly form. Edit Resource: Modify existing transactions effortlessly.
Technologies Used 🚀 React: For building dynamic user interfaces. React Router: For seamless navigation within the app. Styled Components: For styling our app components in a dynamic way. Nanoid for id. FETCHIng For making smooth API calls to our backend. #LINK#
⚡️⚡️STRETCH GOALS⚡️⚡️
- I've incorperated the Nanoid libraries for Id.
- The "total amount" is located in the nav bar-Ive experimented with StyledComponents and the number changes color depending on how much money is in the account.
- There are numerous error flags when you enter in correct or poorly formatted information in either the new or the edit form.
- On the backend you can query search directly--for ?amount=gt?/gte?(greater than AMOUNT) or lt?/lte?(less than entered AMOUNT) or you can view the transaction names in ASC or DESC order. (?names=asc/names=desc)
- In the works--catagory creation.