story-presentation banner

story-presentation

1 devlog
1h 26m 11s

A small, interactive e-card experience built for the browser.

About the Project
This project is a lightweight browser-based e-card built primarily with JavaScript, along with supporting HTML and CSS.

It’s designed to create a simple but spe…

A small, interactive e-card experience built for the browser.

About the Project
This project is a lightweight browser-based e-card built primarily with JavaScript, along with supporting HTML and CSS.

It’s designed to create a simple but special interactive experience that you can open in your browser and share with others.

Tech Stack
The project uses a minimal stack:

JavaScript – main functionality and interactivity
HTML – structure of the page
CSS – styling and layout
Python – a tiny helper for running a local server

This project uses AI

Used codex to write Readme and polish the UI.

Demo Repository

Loading README...

srinivasagudi0

Shipped this project!

Hours: 1.44
Cookies: 🍪 2
Multiplier: 1.56 cookies/hr

Built interactive-presentation, a cinematic web-based presentation/card experience that works on both mobile and desktop with full keyboard navigation. I designed it as an interactive chapter-based deck with responsive layouts, animated cards, optional media, and a local sharing flow so it feels polished instead of just being a static slideshow.

While making it, I learned a lot about structuring a larger vanilla JavaScript frontend, building responsive UI that still feels intentional on small screens, and making keyboard controls work cleanly across the whole experience. I also got better at balancing visuals, motion, accessibility, and presentation flow in one project.

srinivasagudi0

I completed the Youfei project, a special e-card made just for her, as a lightweight web experience focused on personalization and interactivity. Most of the work was done in JavaScript (69.4%) to drive the dynamic parts of the card, like animations, timed reveals, and interactive elements that make the message feel more “alive” than a static page. I used CSS (24%) to create a clean, romantic visual style with consistent spacing, colors, and responsive layout so it looks good on both phone and desktop, with HTML (4.4%) providing the page structure. A small amount of Python (2.2%) supports simple scripting/automation needs. The final deliverable is a polished, easy-to-open e-card that feels personal, smooth, and memorable.

Attachment
0