Explore the TMNT universe — interactive characters, comics, movies, and fun quizzes 💥
Ninja Turtles Fansite is a modern, responsive web application dedicated to the Teenage Mutant Ninja Turtles universe.
Users can explore all four turtles, read their histories, view comics and movies, and take interactive quizzes — all within an animated, immersive UI built with React, Next.js, TypeScript, Tailwind CSS, and Framer Motion.
- 🖼️ Character Explorer — Explore all four turtles with images, skills, and weapons
- ✨ Animated Hero Section — Particles and interactive buttons
- 🎴 Flip Cards — Responsive character cards showing detailed info on hover/flip
- ❓ Quizzes — Multiple questions with user registration to find your Turtle personality
- 📜 About & History — Smooth scrolling with animations for each section
| Technology | Purpose |
|---|---|
| ⚛️ React | Building interactive UI components |
| 🧭 Next.js | Routing and server-side rendering |
| 🟦 TypeScript | Type safety and code quality |
| 🎨 Tailwind CSS | Modern, responsive design |
| 🪄 Framer Motion | Smooth animations and interactive UI |
This project demonstrates a fully interactive Ninja Turtles fansite. Users can:
- Discover detailed info about each Turtle
- Browse comics and movie references
- Engage in quizzes with animated responses
- Enjoy a responsive design for mobile, tablet, and desktop
The project highlights advanced front-end techniques, including animated hero sections, flip cards, interactive quizzes, and seamless transitions using Framer Motion.
Perfect for developers practicing React, Next.js, TypeScript, Tailwind CSS, and Framer Motion in a fun, interactive web application.
- 🎨 Add more interactive animations for characters
- 🧠 Implement leaderboard for quizzes
- 🌌 Add TMNT-themed mini-games
- 📱 Optimize mobile interactions with enhanced UI/UX
Developed by: Niku Namada
💬 Front-End Developer | Passionate about motion, interactivity, and modern web design