Skip to content

aridepai17/MAGIC8BALL

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎱 MAGIC 8 BALL

A fun and interactive React-based web app that mimics the classic Magic 8 Ball toy. Ask a question, click a button, and get a quirky, mysterious, or downright hilarious answer!


✨ Features

  • 🎤 Ask any question with at least 5 characters
  • 🔮 Get a unique, randomly generated answer
  • 🔁 "Start Over" and "Decide Again" options
  • 💫 Smooth screen transitions with animations
  • ⚛️ Clean state management using React Context API

🚀 Live Demo

👉 Try it out here: Magic 8 Ball


🖼️ Screenshots

Initial Page Confirm Page Result Page
Initial Page Confirm Page Result Page

🛠️ Built With

  • React
  • React Context API
  • React Transition Group
  • Animate.css

🧭 How It Works

  1. Type your question (minimum 5 characters)
  2. Click "Next" to confirm
  3. Receive a random, non-repeating answer
  4. Either Start Over or Decide Again for a fresh prediction!

✨ Built with curiosity, styled with pixel love, and served with fate.

About

A fun and interactive web application built with React that simulates the classic Magic 8 Ball toy. Users can ask questions and receive random, entertaining answers. This project showcases React components, state management, and simple styling for a playful user experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors