https://github.com/saisanthosh2218/fullstack_expensetracker
Key features include secure user authentication, an intuitive dashboard providing financial summaries, and comprehensive transaction management. Users can easily add, edit, delete, filter (by income/expense), and categorize their financial transactions.
https://github.com/saisanthosh2218/fullstack_expensetracker
expense mongo nodejs reactjs ui
Last synced: 9 months ago
JSON representation
Key features include secure user authentication, an intuitive dashboard providing financial summaries, and comprehensive transaction management. Users can easily add, edit, delete, filter (by income/expense), and categorize their financial transactions.
- Host: GitHub
- URL: https://github.com/saisanthosh2218/fullstack_expensetracker
- Owner: saisanthosh2218
- Created: 2025-04-04T11:18:31.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-04-04T12:24:31.000Z (9 months ago)
- Last Synced: 2025-04-04T12:30:32.550Z (9 months ago)
- Topics: expense, mongo, nodejs, reactjs, ui
- Language: JavaScript
- Homepage: https://fullstack-expense-tracker-three.vercel.app/
- Size: 65.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Expense Tracker
A full-stack expense tracking application built with the MERN stack (MongoDB, Express, React, Node.js).
## Features
- User authentication (register, login)
- Dashboard with financial summary and charts
- Transaction management (add, edit, delete)
- Filter transactions by type (income/expense)
- Categorize transactions
- Responsive design
## Tech Stack
### Frontend
- React (with Vite)
- React Router for navigation
- Chart.js for data visualization
- Axios for API requests
- React Icons
### Backend
- Node.js with Express
- MongoDB with Mongoose
- JWT for authentication
- bcrypt for password hashing
## Getting Started
### Prerequisites
- Node.js (v14+)
- MongoDB (local or Atlas)
### Installation
1. Clone the repository
```
git clone https://github.com/yourusername/expense-tracker.git
cd expense-tracker
```
2. Install dependencies for both client and server
```
# Install server dependencies
cd server
npm install
# Install client dependencies
cd ../client
npm install
```
3. Set up environment variables
Create a `.env` file in the server directory with the following variables:
```
PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
```
4. Run the application
```
# Run server (from server directory)
npm run dev
# Run client (from client directory)
npm run dev
```
5. Open your browser and navigate to `http://localhost:5173`
## Usage
1. Register a new account or login with existing credentials
2. Use the dashboard to view your financial summary
3. Add new transactions with the "Add New" button
4. View and manage your transactions in the Transactions tab
## License
This project is licensed under the MIT License.