https://github.com/haru52/tic-tac-toe

React tutorial app.
https://github.com/haru52/tic-tac-toe

react tutorial

Last synced: 13 days ago
JSON representation

React tutorial app.

• Host: GitHub
• URL: https://github.com/haru52/tic-tac-toe
• Owner: haru52
• Created: 2022-06-24T16:17:04.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-06-27T06:58:14.000Z (over 2 years ago)
• Last Synced: 2024-10-11T01:55:03.944Z (about 1 month ago)
• Topics: react, tutorial
• Language: JavaScript
• Homepage: https://haru52.github.io/tic-tac-toe/
• Size: 473 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tic-tac-toe

## Overview

React tutorial app.

## URL

## Description

### Extra challenges

- [x] 1. 履歴内のそれぞれの着手の位置を (col, row) というフォーマットで表示する。

- [x] 2. 着手履歴のリスト中で現在選択されているアイテムを太字にする。

- [x] 3. Board でマス目を並べる部分を、ハードコーディングではなく 2 つのループを使用するように書き換える。

- [x] 4. 着手履歴のリストを昇順・降順いずれでも並べかえられるよう、トグルボタンを追加する。

- [x] 5. どちらかが勝利した際に、勝利につながった 3 つのマス目をハイライトする。

- [x] 6. どちらも勝利しなかった場合、結果が引き分けになったというメッセージを表示する。

## References

- [チュートリアル：React の導入 – React](https://ja.reactjs.org/tutorial/tutorial.html)