Stash is a comprehensive application (in the making) designed to help users manage their finances efficiently.
It is created as a portfolio application to showcase my full stack development skill to potential employers.
This is a web-based application that helps users to centrally manage their finances efficiently using modern React and Node.js technologies.
- Front-end: TypeScript, React, React Query, React Router, React ChartJS, React Hot Toast, Zod, Vanilla CSS, CSS Modules
- Back-end: TypeScript, Node.js, Express.js, Prisma
- Database: Postgres
- Other Tools: AWS Amplify, CI/CD, Render
- View all personal finance data at-a-glance on the Overview page. Perform full CRUD operations (Create, Read, Update, Delete) for budgets and saving pots.
- View the latest three transactions for each budget category.
- Track progress towards saving goals for each pot.
- Add and withdraw money from saving pots effortlessly.
- Enjoy an optimal layout for the interface on any device,
Provide step-by-step instructions on how to set up the project locally.
Example:
- Clone the repository:
git clone https://github.com/username/project-name.git
- Navigate to the project directory:
cd project-name - Install dependencies:
npm install
- Start the development server:
npm start
-
For ease of overviewing the project the login has been disabled and clicking on login will take you inside the application.
-
The overview section shows us the bird eye view of the account.
-
Jump to the pot section to view the available pot. Follow the buttons to create new pot edit pot and to also withdraw and add money to the pot.
-
Pots can also be deleted if required.
- Fork the repository.
- Create a new branch:
git checkout -b feature-name
- Commit your changes:
git commit -m 'Add feature' - Push to the branch:
git push origin feature-name
- Create a pull request.
This project is licensed under the MIT License.
For any inquiries, please reach out at:
- LinkedIn: in/arunpariyar
- GitHub: arunpariyar