Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hacc2024/watt-patrol


https://github.com/hacc2024/watt-patrol

Last synced: 3 days ago
JSON representation

Awesome Lists containing this project

README

        

# Energy Explorer by Watt Patrol

This project is for the Hawaii Keiki Museum (HKM) Energy Usage Display for the 2024 Hawaii Hackathon. Energy Explorer is an interactive web application designed to educate Hawai'i's keiki about household energy consumption and conservation. Generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.2.9, this prototype provides an engaging and educational experience for the keiki as they explore energy usage in a household.

Children can toggle various household appliances—such as lights, fans, a refrigerator, TV, and air conditioner—on or off to see how much energy each one uses. As appliances are switched on, energy usage is tracked in real-time and displayed through a dynamic energy meter.

The application includes sound effects and a lightbulb friend that gives out helpful tip and fun facts, making it fun and engaging. If too many appliances are left running simultaneously, the energy meter will show an overload, encouraging children to make smarter energy decisions. This immersive experience teaches keiki about energy efficiency, the importance of mindful consumption, and the role of renewable energy in maintaining a sustainable future.

The Energy Explorer web app is deployed at:
https://hacc2024.github.io/Watt-Patrol/

For the best viewing experience, view on an iPad Pro 12.9.

# Installation Guide

### System Requirements
- Node.js 18.17 or later
- npm (Node Package Manager)

## Steps to Clone and Set Up the Angular App

### Clone the Repository

git clone https://github.com/HACC2024/Watt-Patrol.git

### Navigate to the Project Directory

cd Watt-Patrol

### Install Dependencies

npm install

### Run the Development Server

Start the Angular app in development mode:

ng serve

### Access the App

Open your browser and navigate to:

http://localhost:4200

### Terminating the App

To stop the development server, press Ctrl + C.

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.