RoutineRoyale

Matches you with people who take similar length in routines, and you compete for a month. The slowest players in each round get eliminated. Points are earned to redeem to customize their avatar.

Comment 2

Inspiration

Lately, I've been having problems getting up out of bed, and starting whatever I need to work on. There's a lot I want to get done in my day-to-day life, but I just have problems getting motivated to start, and it's especially annoying since I'm typically in a good flow once I get started. To help get me going out of bed, I made this app based off of the NRVE Track Description.

What it does

Compete with friends and strangers in a "Battle Royale" type of setup where you and 10 other people are partnered up for 10 days. The time it takes you to complete tasks is logged and compared every time you start a Routine. Each day you compete is called a "Routine", and the 10 days you compete for is called a "Royale", and each day, the slowest person to complete a Routine is eliminated. You earn points depending on what your placement was. Additionally, you can do Daily Quests in order to gain bonus points for each Routine. You spend points on customizing your avatar, with customization options varying in expensiveness to let users show off their progress. To let users input tasks for a Routine, they can do it by hand, or describe the overall Routine and have Gemini fill in tasks for the Routine. Users can also ask Gemini for help picking durations and descriptions for tasks based off the Task Name with Magic Fill.

How I built it

I used Google Antigravity & Google Gemini. All logic was by me, and I received no help in figuring out how to set up code communication, structure, or flow. Antigravity is responsible for several UI choices, however the majority of the design is my own. I began UI development in TeleportHQ, which allowed me to drag and drop UI and convert it to react code, which got me started.

Challenges I ran into

Prioritizing which features I wanted to add first! I wasn't sure what was more important or what would take longer, so I really had to pick my battles carefully. Additionally, I had to quickly come up with solutions to code logic in order to stay on pace.

Accomplishments that I'm proud of

I'm extremely happy with how polished the front-end came out, and how the app functions well. I am very proud of how the app functions as an efficient ecosystem, and how everything communicates with each other scene to scene using only three context scripts.

What I learned

I learned a lot about front-end development! At hackathons in the past, I've always focused on back-end primarily, and never thought about front-end until it was far too late. I am very certain this mindset cost me every hackathon I've done so far, which is why I wanted to focus on building the front-end first for my first solo hackathon project. I can safely say this worked out much better, and I have a much more neat, clean, and functional product now!

What's next for RoutineRoyale

I wanted to add in a two-tiered (server-client) system with a proper database setup so I could have a proper username/password system, but I wasn't able to get something worth showing off within the time limit. Also, since my art skills are not up to par, I didn't attempt to draw anything for avatar customization, so getting a real artist to draw a proper base avatar, and various decorations for the avatar to wear and for users to purchase would be ideal. Sound effects would be amazing!

Built With

Share this project:

Updates