Global Info Plate

• 

  One of the options for the Health & Wellness Section.

• 

  One of the options for the Environment Section.

• 

  One of the options for the Environment Section.

• 

  Games section and closing section.

global-info-plate

First Hackathon Project, created for TecHacks.

Global Info Plate is a one stop educational resource for major world events or topics. It is a kid-friendly website created with HTML, CSS, and Bootstrap.

What Inspired Me:

I noticed that everyday news channels are getting flooded with major events, and it isn't easy to stay in the loop. Global Info Plate holds information from a number of sources, discussing a number of world events or topics. It is also kid-friendly, so a young person can easily navigate through it. This project is a part of the education track, since its main goal is to educate others about what's happening in the world, while providing links to extra resources.

What I Learnt:

This is my first Hackathon and I didn't think I would actually be able to create a tangible object through code, but during the process, I pushed myself and realized that as long as I try, I can be able get a result. While creating this project, I learnt more about Bootstrap features, such as the carousel and resizing elements to fit different screen sizes.

Challenges I Faced:

My biggest challenge was creating the carousels because my arrows wouldn't work. I spent a while trying to work it out and eventually realized the issue was with my ID's. Another issue was selecting elements the CSS part since it took me a while to figure out how to combine selectors. I've only started coding recently and C is my first language, so I thought it would be hard to make the transition to web development.

How I Built It:

I built it using HTML, CSS, and Bootstrap. I am fairly new to these languages, so I often had to refer to the documentation, but I'm happy I finished it :)

Built With

• bootstrap
• css
• html