• Stars
    star
    1
  • Language
    JavaScript
  • Created about 1 year ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Rashed's Game using HTML, CSS, and JavaScript

Connect Four Game using HTML, CSS, and JavaScript

A simple web-based implementation of the classic Connect Four game using HTML, CSS, and JavaScript.

Screenshot 1

Screenshot 2

Live

Demo Link: https://jmrashed-game.vercel.app/

How to Play

  1. Open the index.html file in a web browser to start the game.

  2. Players take turns dropping their pieces into the columns of the game board.

  3. The first player to connect four of their pieces vertically, horizontally, or diagonally wins the game.

  4. Click on any column to drop a piece. The piece will fall to the lowest available position in the column.

  5. The game ends when one player wins or the entire board is filled with pieces.

Features

  • Two-player gameplay.
  • Visual indication of player turns using red and yellow pieces.
  • Dynamic game board that updates with each move.
  • Win detection for vertical, horizontal, and diagonal connections of four pieces.
  • Prevents further moves once a player wins.

Technologies Used

  • HTML: Structure of the game board and user interface.
  • CSS: Styling and visual presentation of the game.
  • JavaScript: Game logic, interactivity, and win detection.

Acknowledgments

This Connect Four game is inspired by the classic board game. It was developed as a simple project to practice web development skills.

Author

Developed By Md Rasheduzzaman

License

This project is licensed under the MIT License.

More Repositories

1

zkteco

ZKTeco Package For Laravel. This package provides seamless integration with ZKTeco devices within Laravel applications, enabling communication with attendance devices such as fingerprint, face recognition, or RFID using UDP protocol.https://packagist.org/packages/jmrashed/zkteco
PHP
10
star
2

adibaicon

adibaIcon -Custome Icon Library
CSS
3
star
3

blood-donation-web-application-with-real-time-location-sharing

HTML
2
star
4

go-starter-kit

The Go Starter Kit is a foundational project for building a portfolio website using Go, structured to promote clean code and scalability. It employs the Gin web framework for routing and Viper for configuration management.
HTML
2
star
5

ecommerce

The E-commerce Toolkit for Laravel is a modular package providing essential features for building e-commerce websites. This package includes functionalities for managing product catalogs, carts, checkout systems, payment gateway integrations, and order management.
PHP
2
star
6

two-factor-auth

Laravel 2FA Authentication Package
PHP
2
star
7

phpmyadmin

phpmyadmin
PHP
2
star
8

laravel-automation-package

laravel-automation-package
PHP
1
star
9

laravel-installer

A complete web installer for Laravel applications, making the setup process simple and user-friendly.
PHP
1
star
10

developing-restful-apis-with-python-and-flask

Developing RESTful APIs with Python and Flask
Python
1
star
11

Django-Python-Starter-Kit-for-Beginner

Django was invented by Lawrence Journal-World in 2003, Initial release to the public was in July 2005. Latest version of Django is 4.0.3 (March 2022). This repository will help you, when you will get ready.
Python
1
star
12

face-detection-using-opencv

Face Detection using OpenCV
Python
1
star
13

ResponsiveLoginForm

JavaScript
1
star
14

break-weakness-with-angular

break-weakness-with-angular
HTML
1
star
15

jmrashed

About Md Rasheduzzaman
HTML
1
star
16

Webcam-capture-using-Html5-getUserMedia

Webcam capture using Html5 getUserMedia
JavaScript
1
star
17

desktop-application-using-phpnative-for-zkteco

desktop-application-using-phpnative-for-zkteco
PHP
1
star
18

News-Flutter-UI-Kit

News Flutter UI Kit
Dart
1
star
19

dart-practice-problem-solutions

Welcome to the Dart Practice Problem Solutions repository! This is a dedicated space for daily practice to learn Dart deeply. Our goal is to solve at least one problem each day for 100 days, continuously improving our Dart skills.
Dart
1
star
20

login-ui-react-native-app

This is a React Native application for implementing a login and signup UI/UX.
JavaScript
1
star
21

geolocation

The geolocation package will provide user location
PHP
1
star
22

Email-List-Cleaning-Tool-Using-PHP

Email List Cleaning Tool Using PHP
PHP
1
star
23

hospital-management-system

The Hospital Management System is a comprehensive software solution designed to facilitate efficient management and operations within a hospital or healthcare facility.
PHP
1
star
24

google-maps-polyline-draw

Draw polyline on google map using latitude and longitude coordinates
JavaScript
1
star
25

university-management-system-php

The University Management System is a web-based application developed using PHP. It provides a comprehensive solution for managing various aspects of a university, including student management, course management, faculty management, and administrative tasks.
PHP
1
star
26

Install-Redis-on-Windows

Install Redis on Windows
1
star
27

express-openapi-generator

express-openapi-generator
EJS
1
star