Magiccato is a fun and interactive web project inspired by the classic Magic 8-Ball toy — but with a cute twist!
Instead of a black ball, a mage cat represents the mystical oracle that gives you random answers to your yes-or-no questions.
- 🐱 Interactive design with a cat-themed 8-ball.
- 🎲 Randomized responses every time you click the button.
- 💬 Simple, responsive, and easy-to-use interface.
- 🌙 Lightweight — built with pure HTML, CSS, and JavaScript.
- Open the project in your browser (just double-click
index.htmlor host it locally). - Think of a question you’d like to ask.
- Click the button under the cat.
- The cat will “reveal” a random answer! 🪄
- HTML5 – page structure
- CSS3 – styles and layout
- JavaScript (ES6) – random response logic
This project was inspired by the JavaScript Magic 8-Ball exercise from Codédex.
The button design was based on this layout from Uiverse.io by Ashon-G.
The cat illustration used in the interface was drawn by me, giving the project a personal and unique touch. 🎨
Magiccato reimagines the 8-ball as a cute cat for a cozy, playful experience — perfect for fun web experiments or beginner-friendly coding practice.
Developed by Raínne Carvalho Lima
Feel free to fork, modify, or share the magic! ✨