React Tic-Tac-Toe

Facebook has written a very good introduction for the React library. You can find it from React Tic-Tac-Toe Tutorial.

The tutorial can be done either in your own internet browser (1) using the CodeSandbox service or (2) locally on your computer. If you're unfamiliar with any software development, we recommend using CodeSandbox for now.

(1) In Your Own Browser

1. Open the React Tic-Tac-Toe Tutorial.
2. "Fork" the setup sandbox
3. May the source be with you

(2) Run the tutorial locally

Prerequisites

• Git
• Node.js and NPM
• Any console or terminal. For windows, we recommend Git Bash. However, PowerShell and cmd.exe are not recommended.
• Any code editor. If you are new to programming, we recommend starting with Visual Studio Code

If you are using GNU/Linux, install the packages from your package manager instead. For example, Node.js is available on the these package managers.

1. Clone this repository:

    git clone https://github.com/koodi101/lesson1-react-tictactoe.git
   

   Alternatively you can fork the repository, i.e. make a clone of it to your GitHub account. Clone that preferably using the SSH link.

   You are going to have to sign up to GitHub if you want to fork the repository. This is required later on the course anyways...

2. Open the cloned folder

3. Start the local development server using Node.js

Local development environment using Node.js

1. Install Node.js and NPM.

2. Open your favorite shell.

3. Go to the cloned directory:

    cd lesson1-react-tictactoe
   

4. Install dependencies:

    npm install
   

5. Run the app:

    npm start
   

6. Open browser in http://localhost:8000

Using Docker (advanced)

1. Install Docker

2. Open your favorite shell.

3. Go to the cloned directory:

    cd lesson1-react-tictactoe
   

4. Run the app:

    docker-compose up
   

5. Open browser in http://localhost:8000