Pixel Fishing Adventure

• 

  start

• 

  map

• 

  fish

Inspiration

We wanted to create a fun and relaxing pixel-style fishing game that blends casual play with progression and strategy. That’s how Pixel Fishing Adventure started.

What it does

• 🎣 Catch fish by aiming and shooting
  
• 🏆 Unlock levels and progress through stages
  
• 💰 Earn points and coins
  
• 🛒 Spend coins in the shop to buy items and bullets

How we built it

We used React + TypeScript for the frontend and rendered everything directly in React (no Canvas API).
An Express backend manages player progress, scores, levels, and shop data.

Challenges we ran into

• Managing many creative feature ideas without conflicts
  
• Implementing precise and efficient bullet–fish collision detection
  
• Maintaining a consistent pixel-art style in React
  

Accomplishments that we're proud of

• A complete fishing gameplay loop (shoot → catch → score → unlock)
  
• Level unlock system and functional in-game shop
  
• Seamless integration between React frontend and Express backend
  

What we learned

• Building an interactive game entirely in React
  
• Effective state management and collision logic design
  
• Prioritizing features and improving team collaboration
  

What's next for FUN

• Add new bullet types and special power-ups
  
• Introduce unique themed levels with new challenges
  
• Expand shop items and rewards
  
• Explore multiplayer gameplay in the future

Built With

• css3
• express.js
• html5
• javascript
• node.js
• react
• typescript