FFFF
Skip to content
#

react-fundamentals

Star

Here are 62 public repositories matching this topic...

Language: All
Filter by language
All 62 JavaScript 34 TypeScript 20 CSS 4 Java 1
Sort: Fewest forks
Sort options
Most stars Fewest stars Most forks Fewest forks Recently updated Least recently updated

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

Star 1

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

react javascript react-router navbar dropdown react-tutorial sidebar strapi responsive-design submenu nav-links react-fundamentals educational-project context-api react-basics dynamic-rendering global-context strapi-cms strapi-template strapi-submenus
  • Updated Mar 11, 2026
  • JavaScript

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

Star 1

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

react javascript react-components accordion react-tutorial unidirectional-data-flow custom-css component-composition react-icons react-fundamentals conditional-rendering educational-project vite react-basics react-hooks usestate list-rendering react-functional-components accordion-collapsible fundamental-project
  • Updated Mar 10, 2026
  • CSS

arnobt78 / Tab-Functionality--React-Fundamental-Project-6

Star 1

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

react javascript react-components tabs react-tutorial functional-components react-tabs fetch-api custom-css component-composition react-fundamentals conditional-rendering educational-project react-learning vite react-basics tutorial-project list-rendering props-and-state-components controlled-tabs
  • Updated Mar 10, 2026
  • JavaScript

arnobt78 / RoboHash-Contact-Dashboard--React-Fundamental-Project-18

Star 1

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

react pagination typescript react-tutorial robohash react-fundamentals educational-project skeleton-loading react-learning tailwindcss vite react-basics react-hooks react-query robohash-avatar contacts-api robohash-api tanstack-query modal-ui contacts-dashboard
  • Updated Mar 11, 2026
  • TypeScript

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

Star 1

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

react typescript nextjs axios react-fundamentals learning-project educational-project news-api react-learning news-app tailwindcss gnews framer-motion gnews-api nextjs-tutorial world-news shadcn-ui global-news-media nextjs-learning nextjs-fundamentals
  • Updated Mar 25, 2026
  • TypeScript

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

Star 3

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

react crud typescript state-management react-router localstorage react-tutorial todolist custom-css crud-operation reusable-components theme-switcher todo-app react-fundamentals educational-project react-learning vite react-basics custom-hooks taskmate
  • Updated Mar 11, 2026
  • TypeScript

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

Star 1

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

react quotes framework typescript nextjs react-tutorial random-quotes quotes-application favorite-quotes react-fundamentals learning-project educational-project react-learning tailwindcss random-quote-generator quotes-generator quotes-app nextjs-tutorial nextjs-learning thequoteapi
  • Updated Mar 17, 2026
  • TypeScript

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

Star 2

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.

react javascript css state-management react-components react-tutorial props basic-learning jsx-syntax functional-components react-fundamentals basic-programming react-list-view vite usestate basic-react list-rendering props-drilling birthday-list react-fundamental
  • Updated Mar 10, 2026
  • CSS

arnobt78 / Unsplash-Stock-Images--React-Fundamental-Project-16

Star 1

A learning-focused Unsplash image search app built with React, Vite, TypeScript, React Query, and Context API. It demonstrates real-world patterns: fetching from an external API, global state, dark/light theming, skeleton loading, image modal view, and local download—all in a single-page, responsive UI. Use it as a reference for API integration

react typescript react-components localstorage react-tutorial axios stock-images image-download gallery-images react-fundamentals educational-project unsplash-api react-learning vite react-basics unsplash-images react-query unsplash-photos theme-toggle tanstack-react-query
  • Updated Mar 11, 2026
  • TypeScript

arnobt78 / Color-Generator--React-Fundamental-Project-9

Star 1

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

react javascript color-picker react-components color-palette react-tutorial functional-components hex-color toast-notifications copy-to-clipboard react-fundamentals educational-project color-generator react-learning react-toastify vite react-basics clipboard-api tints-and-shades valuejs
  • Updated Mar 11, 2026
  • JavaScript

arnobt78 / Navbar-Router--React-Fundamental-Project-11

Star 1

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

react javascript react-router header navbar react-tutorial responsive-design custom-css client-side-routing react-fundamentals conditional-rendering educational-project react-learning vite react-basics useref navbar-mobile navbar-menu list-mapping layout-shift-prevention
  • Updated Mar 11, 2026
  • JavaScript

arnobt78 / Cart-Context-Reducer--React-Fundamental-Project-14

Star 1

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

react javascript react-tutorial async-await cart ecommerce-application react-fundamentals educational-project javascript-map context-api vite react-cart global-state react-basics react-hooks action-types reducer-pattern immutable-updates context-reducer global-state-without-redux
  • Updated Mar 11, 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

0