BluePlanet-Project

• Team Name: Infinite Power
• Members: Mark, Dylan, and Kyle.
• Project Manager: Dylan Tucker
• Company: BluePlanet

Project Challenge

Our task is to create a technological solution that will raise awareness of fossil fuel emissions and promote clean and renewable energy.

Project Proposal

Because of the lack of awareness, people waste a lot of energy in their everyday lives. By making an app that raises awareness of the possible negative effects that non-renewables can do the planet. We will be using HTML, CSS, and Javascript to create a browser-based game that will educate and inspire people to take action and promote renewable energy. It will revolve around clicking bubbles to collect energy and trying not to click the unrenewable bubbles. The game will continue to get harder with the bubbles dissapearing and the amount of time you have to collect energy decreased. We plan on making it an endless game so people can see how far they can go before it gets too fast.

Tech:

• Amazon Web Services
• HTML, CSS, JavaScript

MVP:

• Homepage that displays map and energy bars

Stretch Goals:

• Special Upgrades
• Challenges and Missions
• Sound

Project Plan

Create Design Wireframes and Mockups.

• Wireframe for map page
  • Design Mockup for map
• Set up project file structure
  • Determine workflow, who will be project manager and maintainer of repo
  • Determine directory and file naming conventions and locations
• Begin client-side development
  • Create HTML bases
• Style client-side app
  • Create css file for map
  • Create video demo
  • Create presentation

Build Instructions

Fork

Git Clone

Run live-server on port 8000

^ live-server --port=8000

How to set up live server

In git bash or whatever cli you are using run the following commands:

npm install -g live-server

*if you dont have npm or node, then install node globally and then run the above command