React JS Projects

A curated collection of hands-on mini-projects mapping my React learning journey, from hooks to complex state management.

palette

Background Changer

A simple UI where the background color changes dynamically using the useState hook and Tailwind CSS utility classes.

useState Tailwind
lock

Password Generator

Secure random password generator exploring useCallback, useEffect, and useRef hooks with a one-click copy feature.

Hooks Clipboard API
alt_route

React Router

Implementing client-side routing, nested routes, and data loaders using the modern react-router-dom library.

react-router-dom Routing
dark_mode

Theme Switcher

Global Light/Dark mode toggle implementation using React Context API and Tailwind's dark variant system.

Context API Provider
inventory_2

React Context API

A minimal login/profile flow built to learn Context API basics and sidestep traditional prop drilling.

useContext State Mgmt
check_circle

Todo App (Context)

A fully featured Todo manager with Context API for state management and Local Storage for robust data persistence.

Context API Local Storage
account_tree

Redux Toolkit Todo

A modern Todo application learning to manage global state, slices, and reducers seamlessly using Redux Toolkit and React-Redux.

Redux Toolkit Global State