Skip to content

Ask Magiccato! 🐱✨ A cozy Magic 8-Ball web app built with HTML, CSS animations, and Vanilla JavaScript.

Notifications You must be signed in to change notification settings

RainingUXCode/8ball-magiccato

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🐾 8-Ball Magiccato

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.


✨ Features

  • 🐱 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.

🚀 How to Use

  1. Open the project in your browser (just double-click index.html or host it locally).
  2. Think of a question you’d like to ask.
  3. Click the button under the cat.
  4. The cat will “reveal” a random answer! 🪄

🧩 Technologies Used

  • HTML5 – page structure
  • CSS3 – styles and layout
  • JavaScript (ES6) – random response logic

💡 Inspiration

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.


🐾 Author

Developed by Raínne Carvalho Lima
Feel free to fork, modify, or share the magic! ✨

About

Ask Magiccato! 🐱✨ A cozy Magic 8-Ball web app built with HTML, CSS animations, and Vanilla JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published