Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dominiquenix/expense-tracker

an expense tracker made using Java and SQLite
https://github.com/dominiquenix/expense-tracker

bootstrap java javascript mui react sqlite

Last synced: 2 days ago
JSON representation

an expense tracker made using Java and SQLite

Awesome Lists containing this project

README

        



# Inexpen$ive

## Description
An expense tracker made using Java, SQLite, and React that allows users to sign in and track their expenses.

## Important Note
This repository contains the code for both the client and server side, but in order to deploy, the client side code and server side code needed to have thier own repository. To view the actual repos connected to the deployed sites on render refer to the following links:

[Client Side Repo](https://github.com/DominiqueNix/inexpensive-client)

[Server Side Repo](https://github.com/DominiqueNix/inexpensive-server)

## Table of Contents
- [Live Website](#live-website)
- [User Story](#user-story)
- [Installation](#installation)
- [Website Screenshots](#screenshots)
- [Development](#development)
- [Technology Used](#technology-used)
- [Acknolwedgements](#acknowledgements)

## Live Website
[Inexpensive Website](https://inexspensive24.onrender.com/)
## User Story
#### As a User, I want to
1. Create an account or login
2. View my expense data
3. Add, update, and delete an expense
4. Add, update, and delete an income
5. View stats about my financials
6. Logout when done
## Installation
Follow these steps to get this project up and running on your computer in VSCode:
#### Server set-up:
1. Nagivate to the server/src/main/java/com/expenses/expenses/ExpensesApplication.java file.
2. Right click on this file and click on "Run Java"
3. You should see the spring boot application running in the terminal
#### Client set-up:
1. Right click on the client folder in the root of the project and click "open in integrated terminal"
2. Make sure the termial window shows that you are in the expenses-tracker/client directory
3. run the folling commands in the terminal:
``` javascript
// install necesarry dependencies
npm install

// run the program
npm start
```
4. A browser window should pop open and the app is now ready to use.
## Screenshots
#### Login Page
![Screenshot 2023-11-28 4 46 43 PM](https://github.com/DominiqueNix/expense-tracker/assets/145811793/4649899d-ff81-4a0a-9613-019899c13a28)

#### Home page
![Screenshot 2023-11-22 4 41 18 PM](https://github.com/DominiqueNix/expense-tracker/assets/145811793/6a07ffd4-b877-4cf5-856c-1a4d1fbf1750)

#### Yearly Breakdown
![Screenshot 2023-11-28 1 55 18 PM](https://github.com/DominiqueNix/expense-tracker/assets/145811793/ce4dafbf-c2e5-4658-81fe-163938a22cb9)

## Development

![Screenshot 2023-11-22 4 35 28 PM](https://github.com/DominiqueNix/expense-tracker/assets/145811793/0b8e9019-4c2a-46a9-af7f-053f8b506834)

## Technology Used
[![My Skills](https://skillicons.dev/icons?i=js,java,html,css,sqlite,spring,react,materialui,maven,docker,bootstrap&perline=5)](https://skillicons.dev)

## Acknowledgements
![MUI](https://img.shields.io/badge/MUI-%230081CB.svg?style=for-the-badge&logo=mui&logoColor=white)

[Material UI](https://mui.com/material-ui/)


![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white)

[Bootstrap](https://getbootstrap.com/)


![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=for-the-badge&logo=figma&logoColor=white)

[Figma](https://www.figma.com/)


![Stack Overflow](https://img.shields.io/badge/-Stackoverflow-FE7A16?style=for-the-badge&logo=stack-overflow&logoColor=white)

[Stack Overflow](https://stackoverflow.com/)


![GeeksForGeeks](https://img.shields.io/badge/GeeksforGeeks-gray?style=for-the-badge&logo=geeksforgeeks&logoColor=35914c)

[GeeksforGeeks](https://www.geeksforgeeks.org/)


![Youtube](https://img.shields.io/badge/YouTube-FF0000?style=for-the-badge&logo=youtube&logoColor=white)

[Coders Campus](https://www.youtube.com/watch?v=4ugChIR9sS8&list=RDCMUCFUX7XzHuW6aTDx8P-sCKfw&index=8)