A fully responsive, visually elegant, and theme-switchable quiz platform with glowing neon dark mode and clean, calm light mode — built with 💖 for developers and learners.
🚀 Visit the Website – Coming Soon on GitHub Pages / Vercel
This portal offers two powerful UI themes, explore the Developer / Devil Mode:
- Primary Background:
#161E2F - Secondary Background:
#242F49 - Card Components:
#384358 - Accent Coral:
#FFA586 - Accent Purple:
#BB51A2 - Difficulty Badges:
- Easy:
#27e9b5 - Medium:
#BB51A2 - Hard:
#ef4444
- Easy:
- Text: White + Gray blend for high readability
- Main BG:
#000000(Pure Black) - Card BG:
#121212 - Borders:
#1F1F1F - Glow Accents:
- Coral:
#FFA586 - Purple:
#BB51A2 - Mint:
#27e9b5 - Red:
#ef4444
- Coral:
Includes subtle pulse, hover-glow, and neon transitions using TailwindCSS animation utilities and custom classes.
🎛️ A beautiful toggle switch allows you to switch between:
- 👨💻 Developer Mode (Light Theme)
- 😈 Devil Mode (Dark Theme)
Includes a 5-second toast popup:
"Developer Mode Activated""Devil Mode Activated"
Implemented using darkMode: 'class' in TailwindCSS for full control across all pages and components.
- TailwindCSS
- HTML5 / CSS3
- Custom CSS animations (
@layer utilities) - Mobile-first responsive layout
Designed and developed the entire website with theme toggle, animations, layout, and responsiveness.
Crafted quiz questions and logic behind the scenes to power the content engine.
- Dual-mode UI (Dark/Light)
- Glowing hover buttons and difficulty labels
- Mobile responsive
- Easy to plug into any backend
- Built using best practices (clean structure, scalable theming)
| Light Theme | Dark Theme |
|---|---|
 |
 |
(Make sure to add preview images in
/assets/folder or update the paths)
We wanted to create a portal that's not just functional but also a visual treat.
When learning meets aesthetics — people stay, interact, and love the experience.
- GitHub: @yourusername
- LinkedIn: LinkedIn Profile
🔥 Built with heart by Kirath & Soumya — Made to glow, made to grow!