https://github.com/noahtallen/othello-ai

A React implementation of the Othello Game with an AI opponent.
https://github.com/noahtallen/othello-ai

ai othello othello-ai parcel-bundler reactjs typescript

Last synced: about 1 month ago
JSON representation

A React implementation of the Othello Game with an AI opponent.

• Host: GitHub
• URL: https://github.com/noahtallen/othello-ai
• Owner: noahtallen
• Created: 2019-04-24T01:35:28.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T20:17:16.000Z (almost 2 years ago)
• Last Synced: 2023-08-02T21:43:35.915Z (over 1 year ago)
• Topics: ai, othello, othello-ai, parcel-bundler, reactjs, typescript
• Language: TypeScript
• Size: 1.16 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 13
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## About:

This project is an implementation of the Reversi game with an AI opponent for the AI course at Grove City College. Visit it at [https://gcc-reversi-ai.firebaseapp.com/](https://gcc-reversi-ai.firebaseapp.com/)

## Setup:

- Clone project and run `yarn` (or `npm i`)

- Run `yarn start` (or `npm start`).

- Visit [localhost:1234](http://localhost:1234)

## Tools:

- Using Typescript & React to build the website.

- Using [`styled-components`](https://github.com/styled-components/styled-components) for the styles in app. See `src/index.tsx` for a really basic example of how to use it. It puts all CSS inside a js template string. This means you can use variables from javascript (including props) in order to change styles dynamically.

- For CSS syntax highlighting of styled components, install this VS Code plugin: [`vscode-styled-components`](https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components).

- Using [`parcel`](https://github.com/parcel-bundler/parcel) as the bundler/dev server. I like it better than webpack because it's 0 configuration & just works out of the box with everything.