Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/javitocor/tic-tac-toe-js

Classic game tic-tac-toe built with JavaScript for browser. Collaborative project inside Microverse's curriculum.
https://github.com/javitocor/tic-tac-toe-js

bootstrap classic-game clean-code css html javascript javascript-game project

Last synced: about 1 month ago
JSON representation

Classic game tic-tac-toe built with JavaScript for browser. Collaborative project inside Microverse's curriculum.

Awesome Lists containing this project

README 

        



[![Contributors][contributors-shield]][contributors-url] 

[![Forks][forks-shield]][forks-url] 

[![Stargazers][stars-shield]][stars-url] 

[![Issues][issues-shield]][issues-url] 

![Hireable](https://cdn.rawgit.com/hiendv/hireable/master/styles/default/yes.svg) 



# Tic Tac Toe



> You can play tictactoe in our website with only build Javascript. 



![screenshot](./assets/images/ttt.png)



Additional description about the project and its features.



## Built With



- HTML 

- CSS

- JAVASCRIPT

- JEST

- BOOTSTRAP



## Live Demo



[Live Demo Link](https://raw.githack.com/javitocor/Tic-Tac-Toe-JS/feature/index.html)



# Instructions to Play



- Introduce the name of the players.



- The game is played on a grid that's 3 squares by 3 squares.



- You are X, your friend is O. Players take turns putting their marks in empty squares.



- The first player to get 3 of their marks in a row (up, down, across, or diagonally) is the winner.



- When all 9 squares are full, the game is over. If no player has 3 marks in a row, the game ends in a tie.



## Getting Started



### Usage



- Click the Live Demo link and enjoy our playing Tic Tac Toe.



### Prerequisites



- A modern browser, up to date.



### Setup



- Clone the repository on your local machine

- Cd into the folder

- Run `npm install`



### Run tests



- Run ```npm test``` on the root directory to run all the tests.

- Run ```npm test testfile.test.js ``` on root directory to run test for a single file.



## Future features



- Create a AI to play with.



## Authors



👤 Javier Oriol Correas Sanchez Cuesta 

- Github: [@javitocor](https://github.com/javitocor) 

- Twitter: [@JavierCorreas4](https://twitter.com/JavierCorreas4) 

- Linkedin: [Javier Oriol Correas Sanchez Cuesta](https://www.linkedin.com/in/javier-correas-sanchez-cuesta-15289482/) 



👤 **Kubilay Caglayan**



- Website: [kubilay](https://kubilaycaglayan.com)

- Github: [@kubilaycaglayan](https://github.com/kubilaycaglayan)

- Twitter: [@kbcaglayan](https://twitter.com/kbcaglayan)

- Linkedin: [linkedin](https://linkedin.com/in/kubilaycaglayan)



## 🤝 Contributing



Contributions, issues and feature requests are welcome!



Feel free to check the [issues page](https://github.com/javitocor/Tic-Tac-Toe-JS/issues).



## Show your support



Give a ⭐️ if you like this project!



## Acknowledgments



- The Odin Project

- Microverse



## 📝 License



This project is [MIT](lic.url) licensed.



[contributors-shield]: https://img.shields.io/github/contributors/javitocor/Tic-Tac-Toe-JS.svg?style=flat-square

[contributors-url]: https://github.com/javitocor/Tic-Tac-Toe-JS/graphs/contributors

[forks-shield]: https://img.shields.io/github/forks/javitocor/Tic-Tac-Toe-JS.svg?style=flat-square

[forks-url]: https://github.com/javitocor/Tic-Tac-Toe-JS/network/members

[stars-shield]: https://img.shields.io/github/stars/javitocor/Tic-Tac-Toe-JS.svg?style=flat-square

[stars-url]: https://github.com/javitocor/Tic-Tac-Toe-JS/stargazers

[issues-shield]: https://img.shields.io/github/issues/javitocor/Tic-Tac-Toe-JS.svg?style=flat-square

[issues-url]: https://github.com/javitocor/Tic-Tac-Toe-JS/issues