This Fullstack Expense Tracker App is a modern, responsive application that allows users to manage their finances. With secure login and signup functionality, users can add, delete, and view expense transactions along with a summary of their income and expenses.
-
User Authentication:
- Secure Login & Signup functionality.
- Token-based authentication for protected routes.
-
Expense Management:
- Add Transaction: Record both income and expense transactions.
- Delete Transaction: Remove unwanted or outdated transactions.
- View Transactions: See a complete list of transactions with a clear visual differentiation between income (positive) and expenses (negative).
-
Dashboard:
- Displays the user's name along with a logout option.
- Summarizes total income and expenses using modern Material Design cues.
-
Frontend:
- React
- React Router
- CSS (Material Design inspired styling)
-
Backend:
- Node.js
- Express
- MongoDB (or your choice of database)
-
Authentication:
- JSON Web Tokens (JWT)
Before running the project, ensure you have the following installed:
- Node.js (v14.x or higher recommended)
- npm (comes with Node.js)
- MongoDB (local installation or Atlas cluster)
-
Clone the Repository:
git clone https://github.com/yourusername/expense-tracker-app.git cd expense-tracker-app
Happy tracking, and thank you for using the Expense Tracker App!