Personal Finance Tracker is a web application tailored to help students manage their finances efficiently. It offers features for tracking expenses, setting budgets, and viewing financial summaries to help users stay on top of their spending.
- Expense Tracking: Easily add and manage transactions with detailed information including name, price, date, and description.
- Budget Management: Set and track monthly budgets to control spending.
- Responsive Design: Optimized for both desktop and mobile platforms.
- Frontend: React
- Backend: Node.js, Express
- Database: MongoDB with Mongoose
- Styling: CSS
- Node.js
- MongoDB
- Clone the Repository:
Clone
git clone https://github.com/your-username/personal-finance-tracker.git cd personal-finance-tracker
- Install Backend Dependencies:
Navigate to the server directory and install the dependencies
cd server
yarn install
- Configure Environment Variables:
Create a .env file in the server directory with the following content:
MONGO_URL="http://mongodb+srv://khanhlee:[email protected]/?retryWrites=true&w=majority&appName=ServerlessInstance0"
- Install Frontend Dependencies:
Navigate to the client directory and install the dependencies:
cd ../client
yarn install
- Start the Backend Server:
In the server directory:
yarn start
- Start the Frontend Development Server:
In the client directory:
yarn start
Access the frontend at http://localhost:3000 and the backend API at http://localhost:4040.
Open the application in your browser at http://localhost:3003. Use the form to add new transactions. Monitor your financial activities and budget directly through the app’s interface. Contributing We welcome contributions to enhance the project. To contribute:
Fork the repository. Create a new branch for your feature or bug fix. Implement and test your changes. Submit a pull request with a detailed description of your modifications.
For any questions or feedback, reach out via:
Email: [email protected] Linkedin: https://www.linkedin.com/in/kaydenle/
Screenshot Demo