Skip to content

Jidnyashah/tic-tac-toe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tic-Tac-Toe — React (No Node.js / No Backend)

A 2-player Tic-Tac-Toe game built with React 18 via CDN. Runs as a single HTML file — no installs, no server, no backend needed.


Tech Stack

Layer Technology
UI React 18 (CDN)
JSX Babel Standalone (in-browser)
Styling Plain CSS
Backend None

Getting Started

  1. Download tic-tac-toe.html
  2. Double-click to open in any browser — game loads instantly

In VSCode: Install the Live Preview extension → right-click the file → Open with Live Preview


Project Structure

tic-tac-toe.html
├── CDN scripts    (React 18 + Babel via unpkg)
├── <style>        (all CSS)
└── <script>       (JSX)
    ├── getResult()    win/draw detection
    ├── <Square />     single cell
    └── <App />        state, scores, handlers

Features

  • 2-player turns (X and O)
  • Win detection — rows, columns, diagonals
  • Draw detection
  • Scoreboard with win/draw counts
  • New Game and Clear Scores buttons

Do I Need Node.js or Spring Boot?

Feature Node.js Spring Boot
Run this game No No
Persist scores No (localStorage) No
AI opponent No No
Online multiplayer Yes Yes

Prerequisites

  • Any modern browser (Chrome, Firefox, Edge, Safari)
  • Internet on first load (CDN scripts cache after that)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors