Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/adam-robson/tictactoe

This repository is a tic tac toe game built in react which will reset upon the game's ending.
https://github.com/adam-robson/tictactoe

html-css-javascript javascript jsx react reactjs vscode

Last synced: 23 days ago
JSON representation

This repository is a tic tac toe game built in react which will reset upon the game's ending.

Awesome Lists containing this project

README

        

# TicTacToe-React

[![Netlify Status](https://api.netlify.com/api/v1/badges/95febbb9-544e-44f1-9b4d-86f9b42e765d/deploy-status)](https://app.netlify.com/sites/tiktaktoeinreact/deploys)
[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://adamrobson.vercel.app/)
[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/adamrayrobson)

This is an application built with [React](https://react.dev/), and bootstrapped with
[Create React App](https://create-react-app.dev/). It is a build of the classic
game [Tic-Tac-Toe](https://en.wikipedia.org/wiki/Tic-tac-toe).

___

Live demo on Netlify [here](https://tiktaktoeinreact.netlify.app).

___

## Table of Contents

* [General Info](#general-information)
* [Authors](#authors)
* [Features](#features)
* [Technologies Used](#technologies-used)
* [Run locally](#run-locally)
* [Acknowledgements](#acknowledgements)
* [Contact](#contact)

## General Information

This project was built as part of my time in the July 2022 cohort
at Alchemy Code Lab, in Portland, Oregon.

## Authors

> [@Adam-Robson](https://www.github.com/Adam-Robson)

## Features

An exercise in tracking state with the React Context API.

## Technologies Used

- JavaScript
- JSX
- CSS
- React
- ESLint
- Prettier
- GitHub Actions
- Netlify

## Run Locally

The following steps will run the app in the *development* mode:

1. Clone the project: ```$ git clone https://the-project```

2. Go to the project directory: ```$ cd the-project```

3. Install dependencies: ```npm install```

4. Start the server: ```npm run start```

5. Open ```http://localhost:3000``` to view it in the browser.

The page will reload if you make edits,
and any lint errors will appear in the console.

## Acknowledgements

Thanks to Alchemy Code Lab and the makers of React for
facilitating the existence of this humble game.

## Contact

Feel free to reach out! I can be messaged through LinkedIn by
clicking on the badge above, or by emailing me at [email protected]