A simple web game that helps autism kids recognise and complete visual patterns using emojis and numbers.
This edition is uniquely themed around the popular Demon Slayer (Kimetsu no Yaiba) anime — bringing familiar characters, vibrant colors, and themed levels to make learning even more engaging.
The application is specifically targeted toward children with autism. These children often require more structured, visually guided, and less text-heavy learning environments.
The app uses:
- Color-coded visuals
- Anime-inspired animations
- Multiple-choice interactions
The Demon Slayer theme introduces:
- Difficulty levels named after iconic characters (Easy – Zenitsu, Medium – Gyomei, Hard – Yoriichi)
- Pattern questions and UI styled with anime-inspired colors and backgrounds
- Encouraging a fun + familiar learning environment
- 🟢 Easy (Zenitsu), 🟡 Medium (Gyomei), 🔴 Hard (Yoriichi) difficulty levels
- ❓ Multiple-choice questions with 4 options
- ⚡ Immediate feedback on answer selection
- 📊 Score tracking system
- 🎨 Anime-themed UI with smooth animations
- 📱 Responsive design across all devices
- 📄 "Learn More" page explaining app importance
- 👨💻 Creator’s portfolio and GitHub links
- 🔙 Back buttons and level selectors
- 🎭 Animated transitions using Framer Motion
| Page Name | Purpose |
|---|---|
| Home | Welcome screen with Demon Slayer background and level selection |
| Game (Easy/Medium/Hard) | Displays pattern questions with anime-themed elements |
| Score Page | Shows final score with themed visuals and character images |
| Learn More | Explains why the app is important for autistic kids, includes portfolio & GitHub links |
- 🔊 Demon Slayer-themed sound effects for right/wrong answers
- 🏆 Leaderboard or score saving
- 👤 Profile creation with anime avatars
- 🖼️ More visual pattern types
- ⏱️ Timer-based challenges
Live Link for App: Click Here
GitHub URL: Click for GitHub link
OneDrive URL: Click for OneDrive link
- React Documentation
- TailwindCSS Documentation
- Framer Motion
- W3Schools React Tutorial
- YouTube tutorials