https://github.com/ivansarabeev/myfinance
Finance Tracker App (MERN Stack) A secure and user-friendly finance tracker application built using the MERN stack (MongoDB, Express, React, Node.js) with TypeScript. Features include user authentication , expense tracking, budgeting tools, and data visualizations. The app follows best practices for session management, security, and scalability.
https://github.com/ivansarabeev/myfinance
arcjet cloudinary docker express mobx mongodb node oauth react react-query shadn-ui tailwindcss typescript
Last synced: about 2 months ago
JSON representation
Finance Tracker App (MERN Stack) A secure and user-friendly finance tracker application built using the MERN stack (MongoDB, Express, React, Node.js) with TypeScript. Features include user authentication , expense tracking, budgeting tools, and data visualizations. The app follows best practices for session management, security, and scalability.
- Host: GitHub
- URL: https://github.com/ivansarabeev/myfinance
- Owner: IvanSarabeev
- Created: 2024-10-18T15:08:50.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-03-09T13:04:17.000Z (3 months ago)
- Last Synced: 2025-04-03T22:42:12.901Z (about 2 months ago)
- Topics: arcjet, cloudinary, docker, express, mobx, mongodb, node, oauth, react, react-query, shadn-ui, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://myfinance-c443.onrender.com
- Size: 1.22 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Finance Tracker App (MERN Stack with TypeScript)
## Overview
The **Finance Tracker App** is a secure and scalable finance management platform that allows users to track their expenses, set budgets, and visualize their financial data. Built using the MERN stack (MongoDB, Express, React, Node.js) with TypeScript, the app features robust user authentication, session management, and data security.
## Features
- **User Authentication**: Sign up, login, password reset, and secure session management.
- **Finance Dashboard**: Real-time tracking of expenses and incomes.
- **Budget Management**: Set and monitor budgets for different categories.
- **Data Visualizations**: Charts and graphs to display spending patterns.
- **Mobile-Friendly**: Responsive design for use on desktops, tablets, and mobile devices.
## Tech Stack
- **Frontend**: React, TypeScript, CSS (or Styled Components)
- **Backend**: Node.js, Express, TypeScript, JWT for authentication
- **Database**: MongoDB
- **Others**: bcrypt for password hashing, dotenv for environment variables, cors for handling cross-origin requests
## Prerequisites
- [Node.js](https://nodejs.org/en/download/) (v14+ recommended)
- [MongoDB](https://www.mongodb.com/try/download/community) (local or cloud-based, e.g., MongoDB Atlas)
- [Yarn](https://classic.yarnpkg.com/en/docs/install) or [npm](https://www.npmjs.com/)
## Getting Started
### 1. Clone the Repository
```bash
git clone https://github.com/yourusername/myFinance.git
cd myfinance.eu