- Clone this repo:
git clone https://github.com/hyeonahc/finance-tracker.git - Move to the project directory
cd finance-tracker. - Install dependencies:
pnpm install - Start the project
- Development mode:
pnpm run dev - After build:
pnpm buildthenpnpm start
- Development mode:
- To run the project, you may need environment variables. Please contact hyeonah.hello@gmail.com for details.
Finance Tracker helps users track income and expenses. It offers multiple viewing options, filters by date, and provides a clear financial summary. Future updates will include budgeting, goal tracking, and visual insights for better financial management.
Jul 9, 2024 - Present
🔗 Visit the live website on Vercel
| Sign up | Sign in |
|---|---|
 |
 |
| Transactions on Different Views | Add Transaction |
|---|---|
 |
 |
- Sign Up & Sign In: Securely create an account and log in to access your financial data.
- Add Transactions: Manually log income and expenses with key details (title, date, amount and category).
- Income, Expense, and Total Summary: Get an overview of your financial status at a glance.
- Top Filter by Month/Year: Easily switch between different timeframes.
- Transaction Views: View financial data in four formats**:
- Daily: List of transactions per day.
- Monthly: Aggregated view of monthly transactions.
- Calendar: Interactive calendar for quick insights.
- Category: Breakdown of expenses by category.
This is just the beginning! Try it out and stay tuned for more updates! 💰📊
- Framework: React
- Programming Language: TypeScript
- Router: React Router
- State Management: Zustand
- API Request: React Query
- Design: MUI, Emotion
- Runtime Environment: Node.js
- Framework: Express
- Programming Language: TypeScript
- Database: MongoDB
- Authentication: JSON Web Token (JWT)
- Security: bcrypt, validator
- Environment Management: dotenv