Skip to content

rosielee09/Save-fish-game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

'Save fish' Game

Play the Game

Visit the live game Here!

How to Play?

  1. Click the Start button to begin the game
  2. Within the time limit, click on all the trash items to save the fishes
  3. Be careful! If you click on a 🐟, you lose. Enjoy the challenge😸!

Technologies Used

javascript html5 css3

Game Development Process

  1. Designing the Game Logic Diagram:
html5
  1. Implementing Function-Based Coding:
    • Game Field Creation & Random Item Placement
    • Variable Management to track the game's status
    • Event Listeners for game buttons
    • Functions to start and stop the game
    • Game Timer implementation
    • Item Click Handlers: distinguishing between fish (causing death) and trash (increasing the score)
    • Sound Integration and Error Fixing
  2. Refactor using OOP
    • Improved code organization and maintainability by applying OOP principles
    • Restructured components into separate classes for clarity and ease of maintenance

What I learned

  1. Visualizing the big picture for effective planning and development.
  2. Leveraging the power of small, reusable functions to tackle complex tasks.
  3. Utilizing event bubbling and delegation for efficient event handling.
  4. Committing to continuous improvement through the use of OOP principles.

Conclusion

This project has been an enlightening journey, allowing me to start with minimal knowledge and ultimately gain valuable experience and confidence. By embracing a step-by-step approach and persevering, I have experienced significant personal growth. This project has demonstrated that determination and continuous learning lead to surpassing initial capabilities. Equipped with newfound skills, I am ready to tackle more ambitious projects, fueled by a belief in my ability to achieve remarkable results through embracing challenges and a commitment to ongoing growth.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published