Rizzipedia | Devpost

Home Page
Our words page

Inspiration

Yesterday during the Intro talk, the (based) BCS dude was talking about how he never understands the wild lingo his teenagers are spitting. He even said that in a few years, we’ll all be speaking a super-condensed, high-efficiency version of English, no cap. But here’s the catch—older folks are out here struggling to decode the slang, making it tough to vibe with their Gen Z colleagues. Big yikes.

What it does

Our project is a next-level Language Learning App, built different for learning the art of Gen Z speak. This one’s for the parents, managers, and anyone else trying to keep up instead of getting left on read. We make it fun, engaging, and lowkey addictive—because let’s be real, no one wants to study boring vocab lists. And of course, we sprinkle in some AI magic ✨ to keep things fresh. Bet.

How we built it

The app comes in two components: The API (which pulls data from files, ChatGPT, and other sources), and the Web App (the pretty front-end). The API ** is written in ExpressJS, and built into a Docker container, hosted on an Azure VM behind a Tailscale Funnel. It utilising the OpenAI library to generate conversations for the conversation choose the response feature. The other features use an AI generated JSON file (vetted by the devs) for their inputs to the rest of the site. **The Web App is written in JavaScript with the Vue.JS Framework, again compiled and built with Vite, served by Nginx in a docker container, hosted on an Azure VM. It is using HTML/CSS for styles, and Vue for the templating, logic, etc.

Challenges we ran into

One of us has never used Vue - so that was a bit of a learning curve.
We changed frameworks multiple times
Docker wasn't letting us do HTTP stuff.

Accomplishments that we're proud of

We're proud that we have made a functional app, and hosted it online, open to the public with SSL certs. We've made a useful app in Vue in under 24 hours. That we know more Gen Z Slang than we both thought!

What we learned

Learned about Vue and how it operates, how to use the OpenAI library in JS, learned more about DevOps, and deploying code to production with a Single Page App.

What's next for Rizzipedia

Moving forward we'd implement accounts and state management, so that users can can come back to their progress, and move forward. Additionally, we would put more language in the bank to broaden the scope of the app!