A Bee C's

Bees are the bee's knees and everyone should know about the different types of bees. A Bee C's allows users to learn about various types of bees and select one to view a video of.

Comment

Inspiration

Bloom is about flowers, so I thought I should make my project on bees. Bees are also very cool and are very important to humans.

What it does

You can select from six different types of bees, and once you're satisfied with your choice, you can watch a video on the selected bee.

How I built it

I built my project using React, using a lot of what was discussed in the React workshop. I also used MaterialUI's React components and ReactRouter.

Challenges I ran into

Trying to adapt MaterialUI's React Cards was not as easy as I thought, and I had a lot of trouble getting the image to display. It was my first time publishing to Github Pages and after doing so, my project wouldn't load because of the way I set up ReactRouter.

Accomplishments that I'm proud of

It seems excessive to have to select a bee and then view a video, but I did it like this because I wanted to practice lifting the state of the Bee cards to the App level. It works, and I'm proud of that.

What I learned

I learned the basics of HTML, CSS, JavaScript, and React. I also learned a bit about how to host sites on Github Pages.

What's next for A Bee C's

I might add more bees, clean up the design, and add more features. I also want to adapt the website to document the animals in my backyard!

Built With

Share this project:

Updates