Expense Tracker is a web application designed to help users manage their personal finances by tracking their expenses. Built with React and Vite for the frontend and Node.js with Express for the backend, this application provides a user-friendly interface for registering, logging in, and managing expenses.
- User registration and authentication
- Add, view, and delete expenses
- Visual representation of expenses through charts
- Responsive design for mobile and desktop
-
Frontend:
- React
- Vite
- Tailwind CSS
- Chart.js
- Axios
-
Backend:
- Node.js
- Express
- Sequelize (for database interaction)
- MySQL (or any other SQL database)
- JWT for authentication
- Node.js (v14 or higher)
- MySQL (or any other SQL database)
- npm or yarn
-
Clone the repository:
git clone https://github.com/yourusername/expense-tracker.git cd expense-tracker -
Navigate to the frontend directory and install dependencies:
cd frontend npm install -
Navigate to the backend directory and install dependencies:
cd ../backend npm install -
Set up your database:
- Create a new database in MySQL.
- Update the
.envfile in the backend directory with your database credentials.
-
Run the backend server:
npm start
-
In a new terminal, navigate to the frontend directory and run the development server:
cd frontend npm run dev -
Open your browser and go to
http://localhost:3000to view the application.
- Register: Create a new account to start tracking your expenses.
- Login: Access your account with your credentials.
- Dashboard: View your expenses in a table and as a chart.
- Add Expense: Input details of your expenses to keep track of your spending.
- Delete Expense: Remove any expense entry you no longer need.
Contributions are welcome! Please fork the repository and submit a pull request for any changes or improvements.
This project is licensed under the MIT License. See the LICENSE file for details.
- Thanks to the contributors and libraries that made this project possible.