LevelUp

Case study
Leaderboards
User onboarding - previous job
Skill pathways
User onboarding - salary
Recommended job path based on the user input
Skill pathway completion badge
Multiple choice questions

Inspiration

Last week, we were on Jakarta's public transport when we met a young woman named Evi. She was carrying two large luggage as she was trying to find a place to stay. She was a domestic worker until she got fired that morning. We were talking to her and she told us she was learning new skills so she could find another type of job. She told us she was taking 500 thousand Indonesian Rupiah, which is probably more than 10% of her monthly salary, for a two sessions online course on how to sell things online. We are moved by her perseverance and spirit despite her unfortunate situation. So, we created LevelUP, an app to level up people like her, through education.

What it does

LevelUP is designed to create a fun, engaging, yet effective way to learn new basic skills for people who are underprivileged. We use features such as leaderboards and case studies to keep it engaging and push the user to keep learning. Our app tailor the learning experience based on the user's previous job and their interests. Then, the user can learn new skills through different ways, such as

Answering multiple choice questions to test their knowledge
Reading articles and watching tutorials
Working on case studies and receive an instant feedback through the use of AI
Test their soft skills with a fun way of reading comic

How we built it

First, we had a pool of ideas to solve the problems based on the competition tracks and feasibility of winning. Then, we define the main problem and use-cases of the solution. Then, using a method called crazy eight, we explore the possibility of the app and the UI that is aligned with the defined use-cases. When the idea is fleshed out, we started implementing and iterating. We developed our app using NextJS as the framework with libraries such as

Tailwind-CSS
OpenAI
D3.js
Framer -Motion
Shadcn/ui
React-reveal
Lottie-animations
GSAP
Lucide
React-confetti
Vercel-AI-SDK

Challenges we ran into

During our development phase, we got into a lot of debate and discussions on how to move forward with our idea. Furthermore, we ran into lots of technical problems such as configuring graphs, lay-outing our app, and implementing animation to make it exciting. Also, uncomfortable coding environment made it harder for us to focus and rest when we needed it.

Accomplishments that we're proud of

Being able to build this app from scratch and generating ideas in 36 hours is not a small feat for us. We are really proud of what our efforts has turned into.