Skip to content
#

react-fundamentals

Here are 54 public repositories matching this topic...

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

  • Updated Mar 15, 2026
  • TypeScript

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

  • Updated Mar 15, 2026
  • TypeScript

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 📱.

  • Updated May 22, 2025
  • JavaScript

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

  • Updated Mar 11, 2026
  • TypeScript

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.

  • Updated Jun 29, 2025
  • JavaScript

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

  • Updated Mar 11, 2026
  • JavaScript

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

  • Updated Mar 11, 2026
  • TypeScript

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

  • Updated Mar 10, 2026
  • CSS

A learning-focused shopping cart application built with React. It demonstrates useReducer for predictable state updates, the Context API for global state, and a JavaScript Map for efficient cart storage

  • Updated Mar 11, 2026
  • JavaScript

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

  • Updated Mar 11, 2026
  • JavaScript

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

  • Updated Mar 11, 2026
  • JavaScript

A React application that fetches and displays a list of tours from an external API. It demonstrates core React concepts—state, effects, list rendering, and lifting state—in a single-page app built with Vite and plain CSS. You can view tour cards, expand or collapse descriptions, remove tours from the list, and refresh to load the list again

  • Updated Mar 10, 2026
  • CSS

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

  • Updated Mar 10, 2026
  • JavaScript

Improve this page

Add a description, image, and links to the react-fundamentals topic page so that developers can more easily learn about it.

Curate this topic

Add this topic to your repo

To associate your repository with the react-fundamentals topic, visit your repo's landing page and select "manage topics."

Learn more