Skip to content

Jorger/ball-sort-game-starter-kit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

8 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽฎ Ball Sort Puzzle - ReactJS

scree-curso-ball-sort

Welcome to the course Ball Sort Puzzle Using ReactJS Step-by-Step

This repository contains the starter code used to build the Ball Sort Puzzle game with ReactJS โ€” a fun and challenging logic game where players sort colored balls into tubes.

In this version, you'll find the initial setup and structure to get you started: project configuration, basic components, and container setup.

๐Ÿงฉ How the game works:

Screen Recording 2025-01-07 at 1 53 55โ€ฏPM

The player taps on a tube to select the top ball and then taps another tube to move it, following specific rules:

  • Only one ball can move at a time.
  • Balls can only be placed on top of the same color or into an empty tube.
  • The goal is to sort all the colors correctly into separate tubes.

๐Ÿ’ก How this relates to the course:

In the full Udemy course, youโ€™ll learn how to build this game step by step using modern ReactJS practices. Youโ€™ll create components like balls and tubes, manage game state, implement user interactions, animate movements, detect level completion, and even turn your project into a Progressive Web App (PWA).

This repo contains only the starter setup โ€” the full logic and features are built throughout the course.

Happy coding! ๐Ÿ’ก

๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป Autor.

Jorge Rubiano

About

๐Ÿ”ด Base repository for the ball sort puzzle course

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published