EchoMe

EchoMe transforms your everyday thoughts into instant, shareable creative moments—no effort, just magic.

Comment

Inspiration

I've always believed that even the simplest thoughts—those passing ideas we type into our Notes app or text to a friend—can hold creative value. What inspired EchoMe was the idea of making creativity instant, accessible, and fun. I wanted to remove all the usual barriers like account logins, long prompts, or complex tools, and instead create a frictionless way for people to say: “Here’s a thought. Surprise me with something cool.”

What it does

EchoMe is a web-based AI interaction platform that lets users turn short thoughts (150 characters or less) into creative outputs—such as haikus, dramatic movie scenes, or theme songs—in under 10 seconds. With no login, no setup, and a mobile-first design, EchoMe delivers instant, shareable, and personalized content using OpenAI or Gemini, depending on the input.

How we built it

EchoMe is a full-stack TypeScript project with the aid of AI and with :

Frontend: React + Vite + Tailwind CSS, built mobile-first with 40+ reusable UI components and custom hooks like useToast and useMobile

Backend: Node.js + Express-style TypeScript API routes, handling AI requests through a service layer

AI Integration: Abstracted services for OpenAI & Gemini APIs with fallback support

Shared Layer: Types and schemas shared via schema.ts and types.ts for end-to-end type safety

Deployment: Replit, stateless architecture, secured .env for API keys

Challenges we ran into

  • Prompt engineering for short inputs was challenging—balancing creativity, clarity, and tone across multiple modes

  • Managing API rate limits and failed calls required adaptive throttling and fallback messaging

  • Making the mobile experience feel truly responsive and instant, especially with varied content sizes

  • Ensuring clean and reusable frontend architecture under hackathon time constraints.

Accomplishments that we're proud of

  • Successfully integrated two different AI models (OpenAI and Gemini) into one seamless UX

  • Designed a fully modular, mobile-first UI that feels native and intuitive

  • Maintained a stateless, secure architecture that respects user privacy

  • Delivered an app that feels emotionally fun and instantly gratifying.

What we learned

  • How to build and organize a scalable full-stack TypeScript project under time pressure

  • The importance of clean micro-prompt engineering for creative AI output

  • How to abstract and route between multiple AI services while preserving UX consistency

  • The value of emotionally driven design—even for a utility-based app

What's next for EchoMe

Add voice input to allow spoken prompts. Introduce a "Daily Echo Challenge" to engage returning users. Enable community sharing or "Echo Wall" for public submissions. Explore user login + local storage to let users save and favorite their best echoes. Potential integration with TikTok or Instagram Reels for one-click sharing.

Built With

Share this project:

Updates