Inspiration
I love Greek stories and internet jokes, so I made a simple website that turns any name into a Greek god or goddess and gives a short story, lucky items, and a downloadable poster like a fun museum gift shop online.
What it does
Lets users sign up or log in with a stylish authentication flow.Generates a Greek god/goddess profile based on name, traits, and preferences.Uses AI to produce short deity stories and personality blurbs.Opens a camera tab with live filters (like Zeus ⚡, Aphrodite ❤️, Poseidon 🌊).Lets users capture photos, overlay deity names/emojis, and save them to a gallery.Users can download their divine photos or view them later in their personal gallery.
How we built it
-Frontend: HTML, CSS, and vanilla JS for tabs, auth UI, and live camera with canvas overlays. -Backend: Node.js + Express.js for routes and APIs. -Database: MongoDB with Mongoose for storing users, profiles, and photo data. -Authentication: JSON Web Tokens (JWT) for secure login/signup. -AI Features: Hugging Face models for generating deity blurbs. -Filters: HTML5 + with custom drawing logic for background and emoji overlays.
Challenges we ran into
-Handling camera filters so effects appear in the background, not over faces. -Getting JWT auth to work consistently across login, signup, and protected routes. -Fixing async canvas issues where captured photos didn’t store correctly. -Debugging frontend/backend sync between photo saving and gallery rendering.
Accomplishments that we're proud of
Built a seamless login/signup flow with polished UI.Successfully integrated AI storytelling with deity matching.Implemented a camera with real-time mythological filters.Stored captured photos in MongoDB and displayed them in a user gallery.Made the app feel fun and polished, not just functional.
What we learned
- Clear prompts make the AI stable and reliable.
- SVG can create rich visuals with tiny code.
- Caching + deterministic seeds = better trust and speed.
- Small build fixes (theme script, configs) make a big UX difference.
What's next for I am the God
- Save & share: user galleries and social cards.
- More sticker styles: trident, aegis, caduceus, owl variants.
- Better mobile: camera polish and one-tap downloads.
- Accessibility & i18n: better contrast, keyboard support, more languages.
- Safety & scale: rate limiting and content checks.
Built With
- azure
- gemini
- html/css
- javascript
- mongodb
- next.js
- node.js
- react
- tailwind
- typescript
Log in or sign up for Devpost to join the conversation.