H3B

Most coding websites are not appealing - lack colors, lack designs, etc. We focused on making a coding website aimed to be more appealing for middle school and high school students.

Comment

Inspiration

How do we make computer science more appealing and accessible to middle school and high school students from under-resourced backgrounds?

What it does

Our web application teaches how to code at different levels of difficulty so anyone can learn something new (although the application is aimed at students who have little to no prior knowledge of computer science). After students create their accounts they are able to access three "games" of different difficulty (easy, medium, hard) where they read about what the game does first and then they learn how to code the game itself from scratch. Some topics covered are if/then statements, loops, arrays, functions, libraries, etc.

How we built it

We used HTML, JavaScript, Python, and OpenAI. We use OpenAi to help explain the problems to students in a language in which they can understand.

Challenges we ran into

We had trouble implementing our code on replit (it was a challenge choosing different coding languages/libraries). We also wanted to use ChatGPT but there was no API available, so we used OpenAI instead.

Accomplishments that we're proud of

We accomplished creating a functional Web Application that is useful and usable. Although not perfect, we are happy about the way our projects ended up looking and accomplishing.

What we learned

We realized our ideas were too big to be completed in one day (it was the first Hackathon for three of us).

What's next for H3B

We may consider continuing to develop the website further to introduce a reward system and adding a more complex difficulty system to better tailor to students.

Built With

Share this project:

Updates