Skip to content

Efficient financial transaction management app built with React, Firebase, and Bootstrap for a seamless user experience.

License

Notifications You must be signed in to change notification settings

Shinagawa-monkey/My-Wallet-App

Repository files navigation

My Wallet 💰

My Wallet is an elegant financial transaction management app designed to simplify and streamline your financial tracking experience. With its intuitive interface, you can easily manage, track, edit, and delete transactions with precision. Built with React, Firebase, Cloud Firestore, and Bootstrap, My Wallet ensures a seamless user experience for efficient financial management.

Why My Wallet?

My Wallet was created with the motivation to provide users with a simple yet powerful tool for managing their financial transactions. Its goal is to solve the challenges of tracking and organizing transactions, making it easier for users to stay on top of their finances. Whether you're tracking expenses, managing budgets, or analyzing spending patterns, My Wallet offers a comprehensive solution.

Quick Start

Experience the convenience of My Wallet by visiting My Wallet App.

Usage

Advanced Features

  1. User Authentication: Users can sign up and log in to their personalized accounts.
  2. Personalized Navbar: The navbar greets users with their username and displays the current date and time.
  3. Light and Dark Themes: Customize your app experience with light and dark theme options.
  4. Add Transactions: Easily add transactions by entering the transaction name and amount in dollars.
  5. Transaction List: View a detailed list of your transactions, including names, amounts, and creation dates.
  6. Edit Transactions: Edit transaction names or amounts to keep your records up to date.
  7. Delete Transactions: Remove unwanted transactions with a simple delete option.

Technologies Used

  • React: Front-end framework for building interactive user interfaces.
  • React Router: Navigation library for handling app routing and navigation.
  • Bootstrap: CSS framework for responsive and visually appealing designs.
  • Cloud Firestore: Database for storing and retrieving recipe data.
  • Firebase: Backend infrastructure for user authentication and real-time database management.

Installation

  1. Clone the repository: git clone https://github.com/Shinagawa-monkey/My-Wallet-App.git
  2. Navigate to the project directory: cd my-wallet
  3. Install dependencies: npm install
  4. Start the development server: npm start
  5. Access the app at http://localhost:5173

Color Themes

Light Themes

Light Theme 1 Light Theme 2

Dark Themes

Dark Theme 1 Dark Theme 2

Experience hassle-free financial management with My Wallet! For detailed documentation and contribution guidelines, please refer to CONTRIBUTING.md.


If you have any questions, feedback, or need support, feel free to reach out.

Releases

No releases published

Packages

No packages published

Languages