Inspiration The inspiration behind MindBending came from a passion for brain games and minimalistic design. I wanted to create a space where users could engage in fun, mentally stimulating challenges presented in a sleek, distraction-free environment. The goal was to combine aesthetic appeal with meaningful interactivity.
What it does MindBending is a web-based platform that hosts interactive brain games designed to enhance memory, focus, and logical thinking. The clean UI, smooth animations, and responsive design make it accessible and enjoyable on any device. Users can dive into games instantly without logging in or navigating through complex menus.
How we built it Framework: Built using Next.js for fast rendering and routing.
Styling: Used Tailwind CSS and DaisyUI to create a responsive, modern interface.
Game Logic: Developed using React components and hooks to manage states and interactions.
Deployment: Hosted on Vercel for seamless deployment and performance optimization.
Challenges we ran into State Management: Managing complex game logic while keeping components clean and reusable.
Mobile Optimization: Designing games that feel intuitive on both mobile and desktop screens.
UI Consistency: Maintaining a minimalist design without sacrificing functionality or feedback.
Accomplishments that we're proud of Delivering a fully responsive and interactive platform that runs smoothly across all devices.
Designing a modern, minimal interface that aligns with the theme of mental clarity.
Building engaging games from scratch with polished interactions and visuals.
What we learned Mastered advanced concepts in React and Next.js, especially around component structuring and state management.
Learned to strike the right balance between design and functionality.
Gained experience in deploying production-ready apps with Vercel and handling user-centered design.
What's next for MindBending More Games: Adding new types of puzzles and logic challenges to keep users engaged.
Leaderboard: Introducing scoring and ranking to increase replay value.
User Accounts: Allowing users to track progress, save scores, and customize their experience.
Sound & Animations: Enhancing user feedback with subtle audio cues and animations.
Built With
- next.js
- tailwind
- vercel
Log in or sign up for Devpost to join the conversation.