Skip to content

ricichien/react-holu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Solar Energy System Calculator

This project is a web application that helps users calculate the solar energy system's specifications based on their power requirements. The application is built using React and integrates with Firebase for data storage.

image

Case 1 - Calculation in SolarSystemCalculator Class

The SolarSystemCalculator class is responsible for calculating the specifications of a solar energy system based on the given maximum power requirement in kilowatts (KW). The class contains static properties that represent the characteristics of the solar panels used in the system and various methods to perform the calculations.

image

Budget Form

The BudgetForm component allows users to enter their desired power requirement in kilowatts (KW) and simulates a solar energy system based on the input. The user's input is validated, and if valid, the calculated data is stored in the Firebase database.

image

Budget Summary

The BudgetSummary component retrieves and displays the calculated data of the solar energy system from the Firebase database. The data is fetched based on the unique ID passed via the URL parameters.

Header

The Header component represents the landing page of the application. It allows users to enter their name, email, and phone number before proceeding to the budget form. The form's inputs are validated, and if all inputs are valid, the user is navigated to the BudgetForm component.

Styling

The global.css file contains global styles used throughout the application.

Installation and Usage

To run the application locally, follow these steps:

  1. Clone the GitHub repository for the project.
  2. Ensure that you have Node.js and npm (Node Package Manager) installed on your machine.
  3. Navigate to the project's root directory in your terminal.
  4. Run npm install or yarn install to install the project dependencies.
  5. Start the development server using npm start or yarn start.
  6. Open your web browser and go to http://localhost:3000 to access the application.

Technologies Used

  • React
  • React Router
  • Firebase
  • HTML
  • CSS

License

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

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors