April 2025
Japanese Animation Landing Page
Pixel perfect the duplicate a Japanese landing page with animation - assessment given from one of the recruiter.
Perfectly duplicate a Japanese landing page with Nextjs, TypeScript, Tailwind CSS. Together, with a lot of animation were loaded. Finish developing with 2.5 days including the deployment.
Tech stack:
"dependencies": {
"@radix-ui/react-hover-card": "^1.1.6",
"@radix-ui/react-slot": "^1.1.2",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"embla-carousel-autoplay": "^8.5.2",
"embla-carousel-react": "^8.5.2",
"hamburger-react": "^2.5.2",
"lucide-react": "^0.475.0",
"motion": "^12.4.1",
"next": "15.1.6",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"react-icons": "^5.4.0",
"tailwind-merge": "^3.0.1",
"tailwindcss-animate": "^1.0.7"
}
More projects
view all →
Anime-based Gaming Pitch Website
This application serves as a professional platform for Okarun Gaming to showcase their team, attract sponsors, and engage with their community while maintaining their unique anime-inspired identity and professional esports presence.
My Website v4 — Heritage Edition
My personal portfolio reimagined around a Malaysian heritage theme — a dark malam palette with amber & cream accents, wayang-inspired motifs, hand-drawn sketch filters, and custom keris/hand cursors. Includes a sound toggle, easter eggs, an AI helper, a branded contact flow (Resend), and an MDX blog. Built with Next.js App Router, TypeScript, Tailwind CSS, and Framer Motion; deployed on Cloudflare Workers. Archived here as the previous design ahead of the next redesign.
Lepasni nak TODO apa?
TODO app with Next.js, Tailwind CSS, TypeScript + Pagination, Search, Filter with Dummy Data