Short React Projects

Short React Projects is a collection of small, self-contained apps built while sharpening my React fundamentals — a light/dark theme switcher, a playable Tic-Tac-Toe game, a working stopwatch, and a simple to-do list manager, each its own little demo of a core React pattern. Built with React.

Short React Projects

Technology Stack

ReactReact
CSSCSS
JavaScriptJavaScript

Home Route

A simple welcome page introduces the collection and links straight into each project.

  • Clean, simple entry point
  • Quick access to every project
Home Route image 1

Theme Changer

Switch between light and dark mode with one click — a simple sun/moon toggle that instantly flips the whole page's look.

  • One-click light/dark toggle
  • Simple sun/moon icon switch
Theme Changer image 1

Tic-Tac-Toe Game

A fully playable Tic-Tac-Toe game — take turns as X and O, and it automatically detects and announces the winner.

  • Fully playable two-player game
  • Automatic win detection
  • Restart anytime
Tic-Tac-Toe Game image 1

Stopwatch

A simple stopwatch you can start, pause, and reset — accurate down to the millisecond.

  • Start, pause, and reset controls
  • Accurate to the millisecond
Stopwatch image 1

Todo List Manager

A basic to-do list — add tasks as you think of them, and remove them once they're done.

  • Add tasks instantly
  • Remove tasks when they're done
Todo List Manager image 1

Built With

Built with React, using modular CSS to keep each project's styling clean and self-contained.

  • React for every project
  • Modular CSS for clean, scoped styling