Macro Motors

• 

  A dynamic, car-swapping landing page that lures players in with a new 'Macro' challenge every time they refresh the feed.

• 

  A fully responsive layout that adapts seamlessly between desktop and mobile.

• 

  Real-time letter highlighting provides instant feedback.

• 

  Fluid transitions and mechanical sound design to make every correct guess feel satisfying."

Macro Motors: Your daily automotive puzzle

The Inspiration

As an 18-year-old student and car enthusiast, I wanted to turn my passion for automotive photography into an interactive challenge.I built Macro Motors a "Wordle style" guessing game that forces players to identify vehicles just by their features and looks.

How I Built It

I developed this project as a solo developer for the Reddit Devvit platform:

• Frontend: Built with TypeScript and TSX for a responsive UI that adapts to both desktop and mobile.
• The Daily Engine: This was the most critical piece of logic. To ensure the entire community discusses the same car every 24 hours, I implemented a seeded selection algorithm based on the current UTC date. This ensures that whether you are in Tokyo or New York, the "Daily Drop" is synchronized.
• Optimization: Used image compression and "shimmer" skeleton screens to ensure fast loading on slower mobile connections.
• Deployment: Managed the full build pipeline via the Devvit CLI

Final Reflections

Macro Motors was my first real project, I'm proud to have shipped a functional, community driven game to the Reddit ecosystem.

This was them most fun I've had building an app in a long time!! I hope you all would enjoy it much as I did :)

Note on Versions: Please note that the version hosted on r/MacroMotors is the official final submission. While I have a version on itch.io, it is an earlier build and is missing several key features included in the Reddit version, specifically the Dynamic CTA screen and the optimized Keyboard UI. For the best experience please play the game via the Reddit link provided :)

Built With

• devvit
• html5
• javascript
• react
• tailwind-css
• typescript