https://github.com/mattia-hulathduwage/expense-tracker

iFinance is a modern app built with React JS, MySQL, and Express.js for managing income and expenses. It features CRUD operations, a dark-themed dashboard with visualizations, and a settings page for account management. The app includes security measures like database security, error logs, password salting, and front-end/back-end validations.
https://github.com/mattia-hulathduwage/expense-tracker

bycrypt expressjs mysql nodejs reactjs

Last synced: 3 months ago
JSON representation

iFinance is a modern app built with React JS, MySQL, and Express.js for managing income and expenses. It features CRUD operations, a dark-themed dashboard with visualizations, and a settings page for account management. The app includes security measures like database security, error logs, password salting, and front-end/back-end validations.

• Host: GitHub
• URL: https://github.com/mattia-hulathduwage/expense-tracker
• Owner: mattia-hulathduwage
• Created: 2024-08-14T20:52:55.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2025-02-25T20:21:55.000Z (8 months ago)
• Last Synced: 2025-02-25T21:27:06.180Z (8 months ago)
• Topics: bycrypt, expressjs, mysql, nodejs, reactjs
• Language: JavaScript
• Homepage:
• Size: 4.52 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Expense Tracker 💸

A **web-based expense tracker** built with **React.js** for the frontend, **Node.js** for the backend, and **MySQL** for the database. The system allows users to track their personal expenses and manage their budget securely with built-in software security features such as password encryption and session management.

![Alt text](https://github.com/mattia-hulathduwage/Expense-Tracker/blob/master/screenshot.png?raw=true)

## Features  

✅ **Expense Tracking**: Add, edit, and delete expenses. View the total expense, categorize expenses, and set budgets.  

✅ **User Authentication**: Secure login system with password encryption using **bcrypt**.  

✅ **Session Management**: Users remain logged in through session management.  

✅ **Categories**: Organize expenses by categories such as Food, Travel, Utilities, etc.  

✅ **Reports**: View your spending patterns and track monthly expenses.  

✅ **Responsive Design**: Fully responsive interface for both desktop and mobile devices.

## Technologies Used  

- **Frontend**: React.js ⚛️  

- **Backend**: Node.js (Express.js) 🚀  

- **Database**: MySQL 🗄️  

- **Security**:  

  - **bcrypt** for password hashing 🔐  

  - **Session Management** for secure login sessions  

  - **JWT (JSON Web Tokens)** for user authentication and authorization  

## Navigation  

- **Dashboard**: Quick overview of your expenses and budget summary.  

- **Expense Management**: Add, update, and delete expenses.  

- **Categories**: Manage your expense categories.  

- **Reports**: View spending reports by category and month.  

- **Settings**: Change user settings like password, email, etc.  

## Setup Instructions  

1. **Clone the repository**  

   ```sh

   git clone https://github.com/mattia-hulathduwage/expense-tracker.git

   cd expense-tracker