Please sign in to access this page

Magical Typewriter ✨

Magical Typewriter ✨ Used AI

2 devlogs
14h 21m
•  Ship certified
Created by Dev

🧙 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.

Timeline

Ship 2

1 payout of shell 22.0 shells

Dev

28 days ago

Dev Covers 1 devlog and 2h 30m
Dev
Dev
2h 30m 28 days ago

TRIED TO EDIT THE README.md FILE , BECAUSE I NEED FEW MINUTED TO POST A DEVLOG ...

Update attachment

Ship 1

1 payout of shell 104.0 shells

Dev

about 2 months ago

Dev Covers 1 devlog and 11h 50m

Added hackclub ai to generate stories from user's prompt/sentence. Now time to work at the ui designs.