A beginner-friendly todo list application built with React, Vite, and TypeScript. It demonstrates core React concepts—state management, Context API, custom hooks, and reusable components—with no backend: all data is stored in the browser’s localStorage. Use it to add, edit, delete tasks, switch themes, learn how a React app is structured & run

Basic React Projects for beginner's.

A beginner-friendly, educational blog application built with React, Vite, TypeScript, Firebase (Firestore & Auth), and TailwindCSS. It demonstrates full CRUD operations, Google and email/password authentication, protected routes, and reusable patterns (Context API, custom hooks, TypeScript types). Use it to learn modern React and Firebase

A React application demonstrating tab functionality: it displays job information fetched from an external API and lets users switch between jobs using interactive buttons. The project focuses on React fundamentals—state management, side effects, component structure, props, list keys, and working with APIs

A beginner-friendly shopping cart demo built with modern frontend tooling and architecture. It is designed for learning React component design, Redux Toolkit state management, TypeScript typing patterns, and practical routing in a clean and reusable structure.

React Router demo

React Intelligent Image processing project

A hands-on React app that generates color palettes from any hex color. Enter a hex code or use the built-in color picker to get a full set of tints and shades, then copy any hex value to the clipboard with one click. Built with React, Vite, values.js, and react-toastify—ideal for learning component state, third-party libraries, & the Clipboard API

Course Documentation and Project with Coursera Certificates

A learning-focused, responsive Navbar built with React and Vite. It demonstrates client-side routing, React hooks (useState, useRef), dynamic layout (mobile toggle, desktop inline links), and reusable data-driven components. Use it as a reference for building navigation in single-page applications or as teaching material for React fundamentals

Snake Game Using React

A sandbox for my React.js experiments and course work

An educational, production-style frontend dashboard that demonstrates how to build a modern contact management UI using reusable React components, typed data models, filterable/paginated data flows, and rich modal interactions. It is designed both for assessment delivery and for learning core React architecture patterns

An educational fundamental project that pairs a Vite-powered React frontend with a colocated serverless API. It demonstrates fetching, mutating, and persisting data with React Query, plus browser localStorage for instant load and a Vercel-ready API in the same repo—ideal for learning and teaching full-stack React and serverless patterns

Repository to include React JS apps

A modern, production-ready React application demonstrating seamless integration with Contentful headless CMS. This project showcases best practices in TypeScript, React Query for data fetching and caching, Tailwind CSS for styling, and modern React patterns.

A beginner-friendly, production-ready learning app that demonstrates modern React state management using Context API + useReducer with a Vite + TypeScript setup. It helps learners understand how data flows across components, how actions update shared state, and how to build reusable UI modules without Redux

A learning-focused React application that demonstrates two ways to build an image slider: a custom carousel from scratch using React hooks, and a library-based carousel using React Slick. It is ideal for understanding state management, effects, event handling, and third-party library integration in React

An interactive React application that demonstrates core React concepts through an Accordion UI—a set of questions with toggleable answers. It is ideal for learners who want to strengthen their understanding of React state management, component structure, event handling, for building FAQ sections, collapsible content or any expand/collapse interface

An educational React application that demonstrates how to build a responsive, Strapi-style navigation bar with dropdown submenus, a mobile sidebar, and client-side routing. It uses React Context for global UI state, Vite for tooling, and custom CSS with 3D-style submenu effects