Inspiration
Many students struggle to find motivation and fall into cycles of procrastination. Engineers especially spend long hours sitting, skipping movement and neglecting their wellbeing. Lua tackles both problems by turning productivity and physical activity into a game you actually want to play.
What it does
Campus Flow is a gamified campus companion app for University of Cincinnati students. It turns your daily campus routine into an RPG adventure. Your personal pixel character, Lua, lives on an interactive map of UC's campus and moves in real time as you move around.
Set your schedule for the day, and Lua will track when you physically walk to each location. Arrive at a lecture hall? Your goal gets checked off automatically. Aren't able to complete goals today? Lua's health bar depletes at midnight. Stay on top of your academics and Lua stays healthy. The app tracks distance walked, hours spent at academic buildings, and daily goal streaks, all visualised through a stats page, leaderboard, and health status screen. Making staying active and attending class feel less like a chore and more like levelling up.
How we built it
I built it using React Native, Nativewind, expo, mongodb and typescript.
Challenges we ran into
I normally program c++ related projects and I hadn't worked with mobile development in a long time, so learning how to use react native and getting up to speed in the short amount of time given was very difficult. I have also never worked with pixel art and sprite game animations, so this project pushed me way out of my comfort zone.
Accomplishments that we're proud of
Being able to design pixel characters as well as being able to animate them. Learning about expo-location, how phone tracking works and mapping those real world coordinates into a digital interactive map is also something I am really proud about.
What we learned
How to program mobile apps using React Native, how to animate pixel objects, how to design and draw pixel objects, taking noisy data, filtering it and displaying it cleanly.
What's next for Campus Flow
Make a much more accurate gps coordinate system, build a strong, scalable backend and make higher resolution more cleaner pixel animations.
Built With
- expo.io
- nativewind
- react-native
- typescript
Log in or sign up for Devpost to join the conversation.