Skip to content

Latest commit

 

History

History
59 lines (42 loc) · 1.84 KB

README.md

File metadata and controls

59 lines (42 loc) · 1.84 KB
Raw

Personal Budgeting App

A React + TypeScript application powered by Vite, designed for managing personal budgets. The app provides comprehensive CRUD operations for users, budgets, expenses, and expense categories. Authentication is handled via CSRF tokens, with a backend implemented in Go.

🚀 Features

  • CRUD Operations:
    • User management
    • Budgets: Create, update, delete, and view budgets
    • Expenses: Add, update, view, and delete expenses
    • Expense Categories: Categorize and manage expense categories
  • User Authentication:
    • Secure login and signup using CSRF tokens
  • Modern Frontend:
    • Built with React and TypeScript for scalability and type safety
    • Vite for a fast and optimized development experience

🔮 Planned Enhancements

  • Budget Summary:
    • A detailed summary for each budget, including visualizations.
  • Data Visualization:
    • Integration of a pie chart to provide an intuitive overview of budget distributions and spending.

🛠️ Tech Stack

Frontend

  • React: Declarative UI components
  • TypeScript: Strong typing for better code reliability
  • Vite: Lightning-fast build tool

Backend

  • Go: Backend server handling authentication and data operations
  • CSRF Tokens: Secure user authentication mechanism

📂 File Structure

The project is organized for maintainability and scalability:

src/
├── components/       # Reusable UI components
├── features/         # Feature-specific modules (e.g., budgets, expenses)
├── hooks/            # Custom React hooks
├── pages/            # Page-level components for routing
├── services/         # API interaction and backend integration
├── styles/           # Global and shared styles
├── utils/            # Shared utility functions