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!
- 🎤 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
👉 Try it out here: Magic 8 Ball
| Initial Page | Confirm Page | Result Page |
|---|---|---|
![]() |
![]() |
![]() |
- React
- React Context API
- React Transition Group
- Animate.css
- Type your question (minimum 5 characters)
- Click "Next" to confirm
- Receive a random, non-repeating answer
- Either Start Over or Decide Again for a fresh prediction!
✨ Built with curiosity, styled with pixel love, and served with fate.


