I designed and developed Nintendo Memory, a vibrant, browser-based memory game infused with classic Nintendo nostalgia. This portfolio project showcases my expertise in dynamic React development paired with engaging, user-focused design to deliver a fun, interactive gaming experience.
Key Technologies
- React: Component-driven, stateful UI for seamless interactivity.
- Material UI (MUI): Sleek, accessible, and responsive design with custom themes.
- JavaScript (ES6+): Core logic, dynamic rendering, and data persistence.
- Vite: Rapid development and optimized production builds.
- SweetAlert2: Playful, game-inspired modal dialogs for feedback.
- Custom Theming: Light/dark modes with Nintendo-themed color palettes.
- Local Storage: Saves high scores and player data across sessions.
Features
- Thematic Decks: Choose from Mario, Donkey Kong, Kirby, Zelda, Pokémon, or a mixed deck for added challenge.
- Progressive Gameplay: Timed challenges with increasing difficulty and level progression.
- High Score Leaderboard: Track top scores with player initials, stored via localStorage.
- Responsive Design: Smooth, adaptive experience across desktop and mobile devices.
- Dynamic Theming: Toggle between light and dark modes for personalized visuals.
- Engaging UI: MUI components and custom graphics create a polished, nostalgic vibe.
What I Learned
This project sharpened my React expertise, including advanced state management, custom hooks, and component composition. I mastered integrating Material UI for responsive, themed designs and implemented real-time game logic with persistent storage. Crafting a cohesive, playful aesthetic deepened my skills in creating memorable user experiences.
Summary
Nintendo Memory blends creativity with modern web development to deliver a polished, engaging memory game. By fusing nostalgic Nintendo themes with robust front-end technologies, this project highlights my ability to craft interactive, user-centric applications with precision and flair.
Leave a Reply