MERN STACKLIVE PROJECT

React 10 Mini Projects

A curated collection of 10 React mini-apps exploring core concepts — components, hooks, context, routing, and styling. Each project is standalone, from a basic counter to a theme switcher and a todo app with persisted state.

BUILT WITH

React
JavaScript
Vite
Tailwind CSS
React Router

ABOUT THIS PROJECT

React 10 Mini Projects is a hands-on portfolio of standalone React applications, each one focused on a specific React concept. The collection moves from foundations to more nuanced patterns: a basic React/Vite starter, a counter showcasing useState and event handling, a Tailwind-styled props demo, a background changer demonstrating state-driven UI, a password generator with configurable options, a currency converter pulling live exchange rates, a multi-page app using React Router, a context API demo, a theme switcher, and a todo app that persists state to local storage.

Every mini-project lives in its own folder with its own dependencies — meaning each one can be cloned, run, and studied independently. The repo also includes a customReact exploration where I implemented a minimal React-like rendering engine from scratch to understand what the library actually does under the hood.

This isn't a flagship product — it's the tooling and the practice that made the flagship products possible. A sharpening stone for React fundamentals.

SCREENSHOTS

Visual tour

Explore the interface and key flows.

WHAT'S NEXT

Want to see more?

Browse the rest of my work, or get in touch if you'd like to talk.