COPS Summer of Code - Task 0

Introduction

Welcome to the Task 0 of COPS Summer of Code. In this task, we'll focus on the fundamentals of web development. Web development is a basic skill which is often said as a good start to the development field. We'll help you focus on the web development basics using HTML, CSS and Javascript.

Tic Tac Toe

Tic Tac Toe is a game in which 2 players take turns adding their token (an X or a O) until one player matches 3 (N) in a row in any direction. After a win condition is met, the winning player gets a point added to their score and the game board resets itself.

Objective:

You need to build a Tic Tac Toe game using HTML, CSS and VanillaJS.

Rules:

• The project must contain three files index.html, main.js, style.css and other static files like images only.
• Please note that we won't allow any external readymade templates (we can easily recognize ;) )

Judging:

The evaluation would be done mainly on the basis of UI/UX, authenticity of the code and tasks listed below.

Tasks:

• Task 1: Add a two-player mode in which two people can play against each other.
• Task 2: Add a one-player mode where a person can play with a smart bot that never loses.
• Task 3: Add an option for the player to choose what shape to begin with (X/O).

Deadline:

The deadline of the above challenge is 22th of April.

Instructions to Submit

• Fork the project to your GitHub account.
• Clone it in your system.
• Create a folder with your github username in your cloned local repository.
• Complete the task by adding all the required files in your project.
• Make sure that you add the files in the separate folder created and not put the files directly in the home folder.
• When done, commit your work locally and push it to origin.
• Deploy your game online.
• Make a pull request to our repository with proper description and url where you have deployed your game.
• Let us review your pull request.

Resources:

Start with the basics.

• Basic HTML Tutorial
• Basic CSS Tutorial
• JavaScript from Scratch
• Document Object Model (DOM) Manipulation.

But hey you can skip all of that if you aren't a beginner in Dev and...

Jump into action: Task 1

• Build a Tic Tac Toe game
• Make Tic Tac Toe: Youtube

Winter Camp Submissions

Submissions made during winter camp can be found in the master branch of this repository.