---

Expenses Client

React + TypeScript + Vite

Table of Contents

• Expenses Client
  • React + TypeScript + Vite
    • Table of Contents
    • Links
    • About the Project
    • Project Description
      • Registration/Login Page
      • Expense Management Dashboard
    • Installation and Setup
    • Running the Application
    • Key Features
    • Technologies Used
    • Future Implementation
    • Project Status
    • License

Links

• Project Board: GitHub Project
• Frontend Repository: Expenses Client
• Backend Repository: Expenses Server
• Design (Figma): Figma Design

About the Project

Expenses Client is developed by a team of developers and is part of a MERN stack application. It utilizes modern technologies and methodologies such as TypeScript, React, Vite.js, and includes comprehensive validation and unit testing to ensure a high-quality, scalable solution. The project focuses on providing a user-centric experience for managing expenses, with intuitive navigation and interactive features.

Project Description

Expenses Client offers a comprehensive interface for users to manage personal or business expenses, designed for accessibility and efficiency.

Registration/Login Page

• User-Friendly Access: Provides simple and secure registration or login options, including email/password and social media integrations.

Expense Management Dashboard

• Comprehensive Expense Overview: Enables users to view and manage their expenses, as well as those logged by others, offering a complete view of all system expenses.
• Interactive Features: Facilitates easy addition and deletion of expenses through a user-friendly interface.

Installation and Setup

To set up the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/ofir-zeitoun/expenses-client.git

2. Navigate to the project directory:

   cd expenses-client

3. Install dependencies:

   npm install

4. Create a .env file in the root directory and add necessary environment variables for connections and configurations.

Running the Application

To start the application, use the command:

npm run dev

Key Features

• Intuitive interface for managing expenses.
• Real-time backend interaction for comprehensive data management.
• Modern, responsive UI/UX design.

Technologies Used

• React (Hooks and Components)
• TypeScript for type safety
• Vite.js for frontend efficiency
• ESLint for code quality
• React Query for server state management

Future Implementation

• Concurrent management of multiple expense lists.
• Enhanced expense filtering and sorting for better list management.
• Advanced customization options for expense display.
• Unit testing for code reliability.

Project Status

The project is in active development, with regular updates and new features.

License

This project is licensed under the MIT License - see the LICENSE file for details.

---