Financial Web App

A financial web application built using HTML, CSS, JavaScript, React, and Firebase for the FBLA Coding & Programming event. Developed by Abhay S., Erich N., and Richard W. from Linn-Mar High School.

Features

• Easily access transaction history: View all your past transactions in one place.
• Financial data visualization and summarization: Utilize the Chart.js library to create visual representations of your financial data, including bar charts, line charts, and pie charts.
• Sleek, fast design: Enjoy a responsive and aesthetically pleasing user interface.
• User Authentication: Secure sign-up and login functionality using Firebase Authentication.
• Real-time Database: Store and retrieve transaction data in real-time using Firebase.
• Responsive Design: Mobile-friendly design that works seamlessly on any device.
• Easy Summarization: Easily view numerical summarizations via the dashboard.

Technology Used

• HTML/CSS: For structuring and styling the web application's front end.
• JavaScript: For adding interactivity and dynamic content to the application.
• React: A powerful JavaScript library for building user interfaces. Used to create reusable UI components.
• Firebase: A comprehensive app development platform that provides backend services such as:
  • Firebase Authentication: For user authentication and authorization.
• Chart.js: A JavaScript library used to create beautiful and responsive charts for data visualization.

Getting Started

Prerequisites

To get started with this project, you need to have the following installed:

• Node.js
• npm (Node Package Manager)
• git

Installation

Clone the repository:

git clone https://github.com/GoogolGenius/FBLA-Coding-Programming-24-25.git
cd FBLA-Coding-Programming-24-25

Install the dependencies:

npm install

Running the Application

Start the development server:

npm start

Open your browser and navigate to http://localhost:3000 to see the application in action.

Usage

• Create an account to start managing your financial transactions.
• Use the dashboard to view and visualize your transaction history.
• Explore different charts and summaries to gain insights into your financial data.

Contributing

Contributions are welcome! Please follow these steps to contribute:

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature/YourFeature

3. Commit your changes:

   git commit -m 'Add some feature'

4. Push to the branch:

   git push origin feature/YourFeature

5. Open a pull request.

License

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

Credits

We used CC-licensed images from Openverse.

Contact

If you have any questions or suggestions, feel free to reach out to the developers:

• Abhay S.
• Erich N.
• Richard W.