JS-react-1st-game-project-Connect-4-game- 🎲 Connect 4 Game Welcome to my version of the classic Connect 4 game! This project is built using HTML, CSS, and JavaScript, keeping it simple yet fully functional. It's a fun, two-player game where strategy and quick thinking determine the winner! 😊
🎮 About the Game Connect 4 is a two-player board game where players take turns dropping their colored discs into a 6x7 grid. The goal is simple: connect four discs in a row, column, or diagonal before your opponent does! If the grid fills up without a winner, it's a draw.
This game is designed to be lightweight, responsive, and easy to play, making it a great way to pass the time with friends or family.
✨ Features ✅ Interactive 6x7 grid – Click on a column to drop your disc! ✅ Two-player mode – Challenge a friend and see who wins! ✅ Automatic win detection – The game checks for wins and announces the winner. ✅ Draw detection – If the grid fills up without a winner, it's a tie. ✅ Simple yet smooth animations – Enjoy a polished game experience!
🛠️ Technologies Used This project is built with pure, vanilla JavaScript – no fancy frameworks, just clean and simple code!
HTML – For the game layout CSS – For styling and animations JavaScript – For game logic and interactivity 🚀 How to Play Open the game in your web browser. The two players take turns clicking on a column to drop their respective colored disc. Keep an eye on the grid and plan your moves strategically. The first player to connect four of their discs in a row, column, or diagonal wins! If the board fills up without a winner, it’s a draw. Refresh the page to start a new game. 📂 How to Set Up Want to play the game locally? Follow these steps:
Clone the repository to your local machine: git clone https://github.com/your-username/connect4-game.git Navigate to the project directory: cd connect4-game Open index.html in any web browser – and you're ready to play! No installations required! Just open and enjoy. 🎉
📸 Game Preview Feel free to add a screenshot or GIF of the game in action here!
🏗️ Future Improvements This is just the beginning! Here are some cool features I’d love to add in the future:
🤖 Single-player mode with AI – Play against a smart computer opponent. 🎨 Better UI and animations – Make the game visually more appealing. 🔊 Sound effects – Add clicks, win sounds, and more. 📱 Mobile-friendly version – Improve responsiveness for a smoother mobile experience. If you have any ideas or suggestions, feel free to contribute! 💡
📜 License This project is open-source and available under the MIT License.
Hope you enjoy playing! If you like the game, don’t forget to ⭐ the repository. 😃