Budget Tracker Landing Page

A modern landing page for a budget tracking application built with React and TypeScript.

Getting Started

1. Clone the repository git clone https://github.com/akingundogdu/budget-tracker-landing-page.git

2. Install dependencies npm install

3. Run the development server npm run dev

Technologies Used

• React
• TypeScript
• Vite

About Budget Tracker

Budget Tracker is a feature-rich Progressive Web App (PWA) that helps users manage their finances effectively. The main application offers:

• 📊 Dashboard & Analytics with real-time financial overview
• 💰 Comprehensive transaction management
• 🎯 Smart features including reminders and recurring transactions
• 🌙 Dark mode interface
• 📱 Mobile-first responsive design
• 🌐 Multi-language support

Visit the main Budget Tracker repository

Tech Stack

• React 18
• TypeScript
• Vite
• ESLint for code quality
• CSS Modules for styling

Development

This project uses Vite for fast development with HMR (Hot Module Replacement). The development server will automatically reload when you make changes to the code.

Project Structure

src/
  ├── components/     # React components
  ├── styles/        # CSS modules and global styles
  ├── types/         # TypeScript type definitions
  ├── App.tsx        # Main application component
  └── main.tsx       # Application entry point

Building for Production

To create a production build:

npm run build
# or
yarn build

The built files will be in the dist directory.

Related Projects

• Budget Tracker Main Application - The main Budget Tracker PWA application

License

MIT License