https://github.com/mateusz-przybyla/creativewallet_fe_be

Web application during the Project Przyszly Programista (Frontend+Backend 2nd stage)
https://github.com/mateusz-przybyla/creativewallet_fe_be

bootstrap css html php sql

Last synced: 10 days ago
JSON representation

Web application during the Project Przyszly Programista (Frontend+Backend 2nd stage)

• Host: GitHub
• URL: https://github.com/mateusz-przybyla/creativewallet_fe_be
• Owner: mateusz-przybyla
• Created: 2024-05-28T20:36:07.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-06-14T21:09:00.000Z (5 months ago)
• Last Synced: 2024-06-14T22:21:36.246Z (5 months ago)
• Topics: bootstrap, css, html, php, sql
• Language: PHP
• Homepage:
• Size: 15.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# CreativeWallet - Frontend + Backend

2nd stage of Web Application using basic PHP and SQL languages.

## Table of contents

- [Overview](#overview)

  - [About](#about)

  - [Database design](#database-design)

  - [Screenshot](#screenshot)

- [My process](#my-process)

  - [Built with](#built-with)

  - [Useful resources](#useful-resources)

## Overview

### About

CreativeWallet is a web app and a new version of PersonalBudget app written in C++.

Frontend was designed using the Bootstrap library and backend using PHP and SQL.

An application allows you to keep records of your expenses and incomes.

Data are saved to the database (MySQL database with phpMyAdmin).

How does it work?

First create a user account, sign in and then you can add incomes and expenses with today's date or with a selected backdate.

You can show current month's balance, previous month's balance and selected period balance. The application calculates the sum of incomes, expenses and the difference between them (incomes - expenses).

Other functionalities:

- summary of expenses and incomes categories in the tables,

- graphical representation of expenses on a pie chart.

### Database design

[DB project](https://github.com/mateusz-przybyla/CreativeWallet_FE_BE/blob/main/DB_project.pdf)

### Screenshots

- Sign up:

  ![](./images/sign_up.jpg)

- Adding new income:

  ![](./images/add_income.jpg)

- Show balance - list of categories and expenses chart:

  ![](./images/show_balance.jpg)

## My process

### Built with

Frontend:

- Bootstrap library,

- HTML,

- CSS,

- JavaScript,

- JavaScript Chart library

Backend:

- PHP, PDO library,

- SQL queries,

- MySQL database,

- phpMyAdmin

### Useful resources

- https://miroslawzelent.pl/kurs-php/

- https://miroslawzelent.pl/kurs-mysql/

- https://miroslawzelent.pl/kurs-bootstrap/

- https://getbootstrap.com

- https://www.php.net

- https://canvasjs.com/

- https://www.geeksforgeeks.org

- https://stackoverflow.com