No Lie AI

As AI becomes increasingly accessible, it is vital that younger generations are taught how to use it responsibly. This website and mini-game seeks to teach the basics of using AI in an ethical way.

Comment

*Note: There are two repositories linked, the first is the website and the second is the mini-game. *

Our Team:

Giovanni Talavera

Joshua Nartey

Armaan Dhillon

Chase Hochstein

Inspiration

Our main inspiration came from Computer Literacy classes that we took in middle school. Courses that taught about the dangers of Cyberbullying and internet safety gave us the idea to create a similar course about Artificial Intelligence.

We decided to make our project based on Artificial Intelligence for a couple reasons. First, we felt that it fit the theme of Hack To The Future the best, as the field of Machine Learning is expanding rapidly and becoming increasingly accessible. Second, and most importantly, we felt that it was important to teach the younger generation how to use AI responsibly. Already in our own classes we have seen the power of AI misused and abused, instead of as a tool to aid learning, not replace it. We sought to create a learning tool that would be both informational and engaging, while imparting valuable lessons about AI.

What it does

Our website teaches young kids the basics of AI and its uses. Topics include:

  • What is AI
  • How to use AI
  • Applications of AI
  • Using AI ethically and
  • a fun and engaging mini-game/quiz to test learning

How we built it

The main website was created using React typescript, using CSS and TypeScript, a language based on JavaScript. The mini-game was made using Phaser and JavaScript.

Challenges we ran into

Despite a very general prompt, we found brainstorming our project challenging. We went through several iterations and prototypes of several ideas before landing on our final idea. Other challenges included learning how to create a game in JavaScript, something we had never done before.

Another difficulty we faced was how different viewport sizes affect css. Our formatting is (for now) inconsistent across different browser sizes and platforms.

Accomplishments that we're proud of

We are glad to represent our school, Saint John Paul the Great Catholic High School, for the first time at HackBI. This is our first in person hackathon ever, and it has been a great experience. We made a monumental effort to finish our project and we are proud of what we have created.

More specifically, we are proud of our design for the website and the game integration, which was an ambitious idea for a 24 hour hackathon, but we worked hard and pulled through.

What we learned

We learned a lot from our first time at HackBI. Most importantly, we learned what went into running and managing a hackathon. In terms of our project, we learned:

  • How to create a workflow using scrum and github
  • How to implement a JavaScript game into a react app
  • How to create multiple pages on our react app
  • To bring more caffeine to our next Hackathon (I say while typing this half awake at 2am)

What's next for No Lie AI

Our main goal is to further tailor No Lie AI to younger students around the world hoping to learn how to use AI in an effective, ethical way.

Minor improvements include:

  • Consistent css styling across all platforms
  • Implementing a try-it-yourself AI text generator demo
  • More levels and content for the end of course mini-game

Conclusion

While the future still holds many questions, the best we can hope to do is to take it one step at a time. AI is developing at a rapid pace, so it is essential we develop tools and resources at the same rate. Let's do AI, no lies.

Disclaimer

Code contained within this project was developed using the assistance of AI tools. All ideas and text are original.

Share this project:

Updates