Bloom Buddy

• 

  Our planning board! Includes both game and web layouts

• 

  Responsive design plan

• 

  Top half shows our plan for a filter for the search

• 

  Original web design layout

• 

Inspiration

We researched different APIs and found the Trefle API. We figured it would be a good API to create an educational website based on gardening. Many people want to get into gardening, but proper and easily accessible information is hard to come by. Our website streamlines the research process by providing the proper care information for any plant.

What it does

Starting a new garden? Taking care of a new houseplant? Bloom Buddy has your back. Bloom Buddy aims to break the educational barrier between people and horticulture. Filled with data from the Trefle API, users can easily find out how to take care of thousands of plants from across the world. Not so plant-savvy? Users can also use Bloom a Buddy to simulate what plant care is like!

How we built it

Using HTML, Pixi.JS, and Javascript, with some CSS to make it look nice, we coded our entire website

Challenges we ran into

Web The API doesn't implement CORS completely correctly when requesting a client-side access token through NodeJS (token is incomplete). Looking at the JSON file with no prior experience with backend servers halted a lot of the overnight progress and we had to utilize an alternate way to acquire a client-side token to solve the issue. Game For this game, we used Pixi.JS, a framework we had minimal experience in. Our main challenge was learning the documentation and linking our classes and functions into one cohesive product.

Accomplishments that we're proud of

We have a website! It fetches data from the Trefle API to get info to the user.

What we learned

We learned that dividing into teams helped us progress through our work faster. We usually struggle with dividing tasks, but we managed to do so for this project and found it helpful. We also realized that we have issues with being able to brainstorm a project that fits within the scope of our circumstances.

What's next for Bloom Buddy

We want to finish implementing all the features we had originally planned (search function, pages of results, improved CSS). The game will also have all of its intended features (two plants, and idle game logic working).

Built With

• curl
• githubpages
• html5
• javascript
• pixi
• trefle