PuzzlePaths

• 

  Game display

• 

  Game rules

• 

  Game play(Choosing Path)

• 

  Game play(Level Complete)

🌟 Inspiration We wanted to create something that trains the brain while staying fun and relaxing. Inspired by logic puzzles and programming basics, we built a game that challenges how you think — not how fast you click.

🧩 What it does PuzzlePaths is a web game where you program a path through a maze using logic moves. You get a start point, a goal, and a few simple commands (like move, turn, or if-then). Your task: solve the puzzle using the fewest moves possible. It also includes smart AI hints and adapts to your skill level.

🔧 How we built it Frontend: TypeScript UI: MUI (Material UI) with Material 3 design Animations: Framer Motion AI: OpenAI API for hints and difficulty balancing Storage: Local storage for saving progress

🚧 Challenges we ran into Making logic puzzles feel natural and not overwhelming Keeping the UI clean while adding AI features Handling drag-and-drop moves smoothly on mobile

🏆 Accomplishments we’re proud of A full logic game that looks clean and plays well Smooth, modern design using Material You AI that helps players without giving away the answer

📚 What we learned Building smart logic systems for puzzles Designing minimalist UI that still feels alive Using AI in a way that supports learning, not shortcuts

🚀 What’s next for PuzzlePaths Let players build and share their own puzzles Add levels that teach coding logic step-by-step Leaderboards and achievements Mobile app version

Built With

• css
• html
• javascript
• typescript