Inspiration
RGNT RUSH is a personal tribute to a friend who has been a constant source of inspiration. He embodies clarity and speed, trusting his instincts and starting projects without overthinking—a mindset that has profoundly influenced my own work. This friend is also the visionary behind RGNT Motorcycles, a brand that mirrors his ethos: quiet confidence, bold design, and real momentum. Building RGNT RUSH was my way of expressing gratitude, capturing the spirit of his brand, and hopefully giving it new visibility through a fun, fast, and carefully crafted game.
What it does
RGNT RUSH is an electric racing adventure game where players race through neon city streets on an electric bike. The objective is to collect batteries to maintain energy and dodge obstacles to go the distance. It features a dynamic leaderboard where players can submit their scores, see how they rank against others, and even share their achievements on social media. Players can choose from different RGNT bike models, each with unique visuals.
How I built it
The game is built using React and TypeScript for the frontend, providing a robust and scalable foundation. Tailwind CSS is used for styling, enabling rapid and responsive UI development. For the backend, Supabase handles the database (PostgreSQL) and authentication, managing user scores and leaderboard data. The game logic itself is implemented with custom React hooks, managing physics, collisions, and object spawning. Vite serves as the build tool, ensuring a fast development experience.
Challenges I ran into
One significant challenge involved handling duplicate email entries in the Supabase database when attempting to add a unique constraint. The initial migration failed because existing data violated the new constraint. The solution involved first cleaning the database by deleting duplicate email entries, keeping only the latest one for each email, and then reapplying the unique constraint. Other challenges included optimizing game performance for various devices and ensuring smooth collision detection and physics.
Accomplishments that I'm proud of
I'm proud of successfully implementing a real-time, responsive game experience that runs smoothly across different devices. Integrating the Supabase leaderboard with user data storage and consent management was a key accomplishment, as was resolving the complex database migration issue. The game's visual design, particularly the animated start screen and dynamic city background, also stands out as a point of pride.
What I learned
This project reinforced the importance of robust database management, especially when dealing with data integrity and schema changes. I gained deeper insights into debugging complex backend issues and the necessity of data cleanup before applying new constraints. Furthermore, I honed my skills in optimizing game logic and rendering for performance, ensuring a fluid user experience even with dynamic elements.
What's next for ⚡ RGNT RUSH - Electric Racing Game
Future plans for RGNT RUSH include introducing more bike models with distinct handling characteristics, adding new obstacle types and power-ups, and expanding the city environment with more diverse visual elements. I also aim to implement daily challenges and rewards to enhance player engagement and explore multiplayer features for competitive racing.
Built With
- anthropic
- bolt.new
- css
- cursor
- github
- html
- openai
- react
- shadcn
- supabase
- tailwind-css
- typescript
- ui
- vite
Log in or sign up for Devpost to join the conversation.