react-fundamentals 开源项目推荐（61 个）

tyroprogrammer /learn-react-app

该应用程序将帮助您学习React基础知识。本地安装此应用程序-有教程、代码片段和练习。该项目的主要目标是帮助您通过React起步！

arnobt78 /Hotel-Booking-Landing-Page--React-Frontend

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

JoanClaret /react-fundamentals

React fundamentals

arnobt78 /iPhone-Showcase-Landing-Page--React-Frontend

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

arnobt78 /Travel-Tourism-Landing-Page--React-Frontend

A modern, responsive travel & tourism landing page built with React, Vite, TypeScript, Tailwind CSS, Framer Motion. This project is designed as both a learning resource and a practical template: it demonstrates reusable components, Context API, custom hooks, type-safe props, and animated UI. Use it to discover featured tours

arnobt78 /ToDo-CRUD-Operation--React-Fundamental-Project-21

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

Prakhar-002 /React-Monster-Course

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

arnobt78 /Language-Translator--NextJS-Fundamental-Project-10

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

arnobt78 /Calendar-Event-Scheduler--NextJS-Fundamental-Project-12

A modern, responsive web app that merges a monthly calendar with a timed event / to-do list. Pick future (or today’s) dates, set hours & minutes, write a short note, then add, edit, or delete events. The UI uses a dark glassmorphism style, subtle Framer Motion transitions, Sonner toasts. All event data lives in the browser via localstorage

arnobt78 /List-Display--React-Fundamental-Project-1

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.

SocialNerdsGR /react-fundamentals-notes

Notes for React fundamentals workshop.

arnobt78 /Gym-Fitness-Instructor--NextJS-Fundamental-Project-7

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

arnobt78 /Movie-Discovery-Platform--NextJS-Fundamental-Project-9

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

ImrenR /HospitalApp

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

ElefHead /react-fundamentals-weatherApp

Application following the react tutorial by Tyler McGinnis.

arnobt78 /Strapi-SubMenu--React-Fundamental-Project-13

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

alstn2468 /epic-react-summary

🚀 Epic React by Keny C Dodds Summary Repository ⚛

arnobt78 /Accordion-Display--React-Fundamental-Project-4

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

arnobt78 /Daily-World-News--NextJS-Fundamental-Project-6

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

arnobt78 /Quotes-Generator--NextJS-Fundamental-Project-8

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