Please sign in to access this page
🧙 Magic Typewriter – A Mystical Storytelling Experience
Magic Typewriter is an immersive, AI-powered storytelling web app that transforms a simple sentence into an enchanting tale — one glowing letter at a time.
Built using Next.js, Tailwind CSS, and Hack Club AI, this project reimagines the act of writing as an interactive magical ritual.
✨ Features:
🔮 Genre-based story generation – Choose between Fantasy, Horror, or Sci-Fi themes
🎵 Ancient ambience – Ambient music and typewriter sound effects that enhance the vintage vibe
🪄 Live typing animation – Letters appear one-by-one with glowing cursor and synced sound
🧠 AI integration – Continuations are powered by Hack Club's GPT-backed API with genre-specific tone
🎨 Fully themed UI – Ancient color palette (#e3caae, #4a2d24) and glowing buttons styled with Tailwind
⚙️ Controls for music & SFX – Toggle ambient music and magical typing sounds at will
🧰 Tech Stack:
Frontend: Next.js, React, Tailwind CSS, Framer Motion
Backend: Next.js API routes
AI: Hack Club’s free OpenAI-compatible chat API
Assets: Custom background music and parchment visuals
🔗 Use Cases:
Creative writing assistant for kids and teens
AI-powered storytelling in educational apps
Fun project for hackathons and coding events
This project is both visually magical and technically solid — a perfect fusion of UX, AI, and storytelling.
No followers yet
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!