Application that will help you learn React fundamentals. Install this application locally - there's tutorial, code snippets and exercises. The main objective of this project is to help you get off the ground with React!

A frontend-only hotel booking landing page built for learning and instruction. It demonstrates a responsive single-page application (SPA) where users can browse luxury rooms, filter by guest capacity (adults/kids), pick check-in/check-out dates, and view detailed room information, ideal for understanding React patterns, Context API, routing, layout

React fundamentals

An interactive, single-page product showcase inspired by the Apple iPhone 15 Pro experience. It is built for learning & instruction: you get a full React + TypeScript codebase with 3D (Three.js), scroll & timeline animations (GSAP), & a responsive UI (Tailwind CSS). There is no backend or database, a small proxy endpoint for Sentry error monitoring

A modern, user-friendly language translator web application built with Next.js, React, and TypeScript. It uses the free MyMemory Translation API to translate text between dozens of languages. The app features a responsive UI with TailwindCSS, smooth animations via Framer Motion, and a server-rendered shell for fast first paint—ideal for learning

React Monster Course Ultimate Visualizaion with HuXn WebDev 👀 - repo covers a wide range of React topics, from fundamentals 🚀 to advanced hooks & React 19 ⚛️. It includes TypeScript 🏗️, state management (Zustand, Redux) 🎛️, UI libraries 🎨, testing 🧪, animations (Framer Motion) 🎭, auth 🔐, and React Native 📱.

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

Notes for React fundamentals workshop.

A full-stack movie discovery web app built with Next.js, React, TypeScript, powered by The Movie Database (TMDB) API. It demonstrates modern patterns: App Router, server-side rendering, client components, TailwindCSS styling, Framer Motion animations, reusable UI. Ideal for learning & teaching Next.js, API integration, component-based architecture

A React + Vite application for managing hospital appointments. Add patients, view patient lists, and navigate between pages seamlessly.

A dynamic, web-based gym & fitness training application built with Next.js, React, TypeScript, Tailwind CSS. It provides intelligent workout generation, exercise guidance, & personalized training plans using in-browser logic—no backend or API required. The app is designed both as a practical fitness tool and as an educational codebase

Calendar App is a React-Vite Calendar To-Do List project, using Calendar, select any day of month of year, set the clock hour for the day to remind the plan, also plan can be changed and edited with delete options and deploy on Vercel.

Application following the react tutorial by Tyler McGinnis.

A pizza ordering application built with React

A React-Vite Single-Page Application (SPA) that fetches cocktail recipes from the Cocktails DB API. It provides a seamless, client-side navigation experience using react-router-dom, tanstack/react-query, axios, responsive-web-design and styled-components for styling.

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, 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 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

🚀 Epic React by Keny C Dodds Summary Repository ⚛

A modern, interactive quotes application built with Next.js, React, TypeScript,Tailwind CSS. The app fetches random quotes from the TheQuote API, displays them with author details, lets you save favorites. Designed for learning React fundamentals, API integration, Context API, custom hooks—including floating balloon animation, ripple buttons & more

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 modern, full-featured news application that delivers live world headlines from thousands of sources. Built with Next.js 16, React 19, TypeScript & the GNews API, it demonstrates server-side rendering (SSR), client-side data fetching, React Query, Context API, bookmarks with localStorage, responsive design—ideal for learning modern web development

Sample app from the React tutorial "React Fundamentals" of Edvinas Daugirdas. The app is fetching TV series info from tvmaze.com.

In this course, I created a TODO app and learned how to build interactive web applications with React.js. I worked with components, props, CSS styles, states, and React effects, and implemented React Context, React Portals, and storage with Local Storage. ✅

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

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

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

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

A beginner-friendly React app that displays a list of people and their birthdays. You can view everyone on the list and clear the list with one click. It’s built to teach and practice core React ideas: components, props, state, and styling—with no backend or API.