RandomizeMe

• 

  The first tab should have a random number generator, allowing users to specify a range and generate a random number within it.

• 

  The second tab should feature a spinner arrow with a colorful background that spins and points in a random direction when activated.

• 

  The third tab should provide a random selector, where users can input a list of names or phrases, and the app will randomly choose one.

Inspiration

We often find ourselves stuck in decision loops—what number to choose, who goes first, or even what to eat. Inspired by the need for quick, playful decision-making tools, we created RandomizeMe—a minimalistic yet engaging app to inject spontaneity into everyday choices. Whether it’s a party game or a moment of indecision, RandomizeMe aims to be a light-hearted helper that’s always ready to spin, select, or surprise.

What it does

RandomizeMe is a simple web app with three main features, each in its own tab:

• Random Number Generator: Enter a range and get a number instantly.
• Spinning Arrow: A colourful spinner that randomly points in a direction.
• Random Selector: Input a custom list (names, items, etc.) and pick one randomly.

The goal is to keep the interface fun, clean, and intuitive while making randomness feel delightful.

How we built it

We built RandomizeMe entirely using Bolt.new, leveraging its component system and styling flexibility. Each feature was compartmentalized into its own tab, and we ensured responsive design and smooth user interaction. External tools like ChatGPT assisted in generating clean logic for randomization, and we kept the use of outside platforms to a minimum to showcase Bolt's capabilities.

Challenges we ran into

• Ensuring that each randomization felt visually satisfying and quick.
• Working within the limitations of Bolt's UI/UX design tools while keeping the experience polished.
• Making the spinner visually dynamic while staying performant.
• Minimal reliance on external JavaScript, as most logic had to reside within Bolt-compatible blocks.

Accomplishments that we're proud of

• Completed a fully functional, aesthetically pleasing app entirely within the Bolt.new ecosystem.
• Designed a clean multi-tab layout that makes each feature feel like its own mini-tool.
• Created a responsive, joyful user experience with zero bloat or confusion.

What we learned

• How to creatively work within platform constraints (Bolt.new) and still deliver interactive features.
• The importance of visual feedback and subtle animations in user engagement.
• How to design micro-interactions that are both lightweight and effective.
• Efficient use of logic and state management within Bolt to drive user actions.

What's next for RandomizeMe

• Voice Output: Integrate ElevenLabs to announce the selected value or direction aloud.
• Smart Suggestions: Use AI to suggest better list items based on context.
• Custom Domain: Publish on a fun, memorable domain like randomizeme.fun.
• Chaos Mode: Add weird, fun outcomes for the Useless Sh!t Challenge.

RandomizeMe will continue to evolve, but at its core, it’s about turning randomness into fun.

Built With

• bolt.new
• node.js
• tailwind
• typescript
• vite