https://github.com/muzabol2/my-money
App to better manage your expenses
https://github.com/muzabol2/my-money
firebase formik react styled-components typescipt vite yup-validation
Last synced: 3 months ago
JSON representation
App to better manage your expenses
- Host: GitHub
- URL: https://github.com/muzabol2/my-money
- Owner: muzabol2
- Created: 2022-09-11T05:29:07.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2024-09-19T12:55:34.000Z (almost 2 years ago)
- Last Synced: 2025-02-26T07:42:28.675Z (over 1 year ago)
- Topics: firebase, formik, react, styled-components, typescipt, vite, yup-validation
- Language: TypeScript
- Homepage: https://my-money-blush-kappa.vercel.app
- Size: 3.75 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Where's my money?!
The project was created to help manage the home budget
## Table of contents
- [General info](#general-info)
- [Deployment](#deployment)
- [Screenshots](#screenshots)
- [Technologies](#technologies)
- [Setup](#setup)
- [Status](#status)
- [Inspiration](#inspiration)
## General info
Application allows you to:
- create a profile account - sign up & log in
- add transactions (name, date, category, amount)
- add categories of transactions
- see list of all transaction for a given month
- filter transactions by months
## Deployment
| Environment | link |
| ----------- | ------------------------------------- |
| development | https://whereismymoneysir-dev.web.app |
| production | https://whereismymoneysir.web.app |
## Screenshots
| View all your transactions and add new ones | Manage categories | Log in |
| :----------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------: |
| 
| 
| 
|
## Technologies
Main:
- React
- js, html, css
Libraries:
- react-router-dom
- formik
- dayjs
- firebase
- and many others
## Setup
Copy repository on your machine. To download all needed dependencies (see package.json to know what they are) type in command line in the repo's location:
```bash
npm install
```
To run application on your local machine type:
```bash
npm run start
```
You will need to change .env.sample file. You need to go to firebase website and create a new project there.
## Status
I work on this project in my spare time. It is possible that the screenshots here are not up to date - it is constantly changing. I really enjoy adding new features here and I treat this app as my code-sandbox. \
Hopefully, in the near future, me and my friends will be able to actually use this app to keep our private budgets in it.
## Inspiration
Credits for:
- [Shaun Pelling](https://github.com/iamshaunjp) - for an idea for this project and his excellent firebase tutorial. Thank you.
- [Ben Awad](https://github.com/benawad) - for his intuitive Formik FormFields. Thank you.
- And, of course as always - StackOverflow... :)