Projects in Awesome Lists tagged with react-fundamentals
A curated list of projects in awesome lists tagged with react-fundamentals .
https://github.com/tyroprogrammer/learn-react-app
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!
exercise guided-exercises javascript learn learn-react learn-reactjs react react-fundamentals reactjs tutorial tutorial-exercises
Last synced: 13 May 2025
https://github.com/joanclaret/react-fundamentals
React fundamentals
exercise props react react-components react-fundamentals
Last synced: 14 Apr 2025
https://github.com/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 📱.
framer-motion javascript javascript-amazing-projects react-19 react-fundamentals react-hook-form react-hooks react-projects react-typescript reactjs redux redux-toolkit rtk-query ui-library zustand
Last synced: 11 Apr 2026
https://github.com/arnobt78/tours--react-fundamental-project-2
This project is a React application that fetches and displays a list of tours from an external API. Users can view tour details, remove tours from the list, and re-fetch the tours.
html-css-javascript react react-components react-fundamentals react-vite reactjs tour-guide-app
Last synced: 12 Mar 2025
https://github.com/arnobt78/birthday-buddy--react-fundamental-project-1
Birthday Buddy is a simple React application that displays a list of people with their birthdays. Users can view the list of people and clear the list with a button click.
birthday-list html-css-javascript react react-fundamentals react-list-view react-vite reactjs
Last synced: 12 Mar 2025
https://github.com/arnobt78/React-Query-Task-Manager--React-Fundamental-Project-16
This project is a task management application built with React and React Query. It allows users to create, edit, and delete tasks, with data fetching and state management handled by React Query.
api-rest crud crud-operation custom-hooks-in-react netlify-deployment reacrjs react react-components react-fundamentals react-hooks render-deployment server-side-rendering task-management tasks
Last synced: 12 Mar 2025
https://github.com/arnobt78/navbar--react-fundamental-project-11
This project demonstrates how to create a responsive navigation bar using React and Vite. The navigation bar includes links and social icons, which are dynamically rendered based on the component's state.
getboundingclientrect html-css-javascript navbar navbar-css netlify-deployment react react-fundamentals reactjs useref useref-hook
Last synced: 12 Mar 2025
https://github.com/arnobt78/Contentful-CMS--React-FullStack-Fundamental-Project-18
This project demonstrates the integration of Contentful CMS with a React application. It includes a Hero section and a Projects section that fetches and displays data from Contentful.
axios-react cms cms-framework contentful contentful-api contentful-app contentful-cms contentful-js-sdk netlify-deployment react react-fundamentals react-query react-query-tutorial reactjs undraw undraw-illustrations webhooks
Last synced: 27 Oct 2025
https://github.com/asbhogal/react-fundamentals
A simple repo showing different fundamentals and good practices in React, covering state management, passing children and functions to components via props and conditional rendering. Written in TypeScript and styled using Bootstrap.
bootstrap bootstrap5 conditional-rendering prop-types react react-basics react-components react-fundamentals react-fundamentals-concepts reactjs state-management ts tsx typescript vite vitets
Last synced: 15 Apr 2026
https://github.com/arnobt78/color-generator--react-fundamental-project-9
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
clipboard-api color-generator color-palette color-picker copy-to-clipboard educational-project functional-components hex-color javascript react react-basics react-components react-fundamentals react-learning react-toastify react-tutorial tints-and-shades toast-notifications valuejs vite
Last synced: 04 Apr 2026
https://github.com/arnobt78/paragraph-generator--react-fundamental-project-8
A modern, interactive React application that generates a customizable number of random paragraphs ("Lorem Ipsum") for use in design, development, and content prototyping. This project demonstrates fundamental React concepts, state management, and functional component design with practical, real-world utility
controlled-input educational-project functional-components javascript list-rendering lorem-ipsum lorem-ipsum-generator nanoid paragraph-generator random-text random-text-generator react react-basics react-components react-dom react-fundamentals react-hooks react-learning react-tutorial vite
Last synced: 04 May 2026
https://github.com/arnobt78/react-query-task-manager--react-fundamental-project-16
This project is a task management application built with React and React Query. It allows users to create, edit, and delete tasks, with data fetching and state management handled by React Query.
api-rest crud crud-operation custom-hooks-in-react netlify-deployment reacrjs react react-components react-fundamentals react-hooks render-deployment server-side-rendering task-management tasks
Last synced: 25 Jun 2025
https://github.com/arnobt78/sidebar--react-fundamental-project-12
This project is a simple React application that demonstrates the use of global context to manage the state of a sidebar and a modal. The application includes three main components: Home, Modal, and Sidebar.
global-context html-css-javascript modal netlify-deployment react react-component react-fundamentals reactjs sidebar sidebar-menu
Last synced: 12 Mar 2025
https://github.com/arnobt78/strapi-submenus--react-fundamental-project-13
This project demonstrates a responsive navigation menu with submenus using React. It includes a global context for managing the sidebar state and dynamic rendering of submenus based on the data provided.
dynamic-rendering global-context html-css-javascript nav-links netlify-deployment react react-context react-fundamentals reactjs responsive-web-design strapi strapi-cms strapi-submenus strapi-template submenu
Last synced: 12 Mar 2025
https://github.com/arnobt78/cart--react-fundamental-project-14
This project is a simple shopping cart application built with React, using the useReducer hook for state management and context API for global state.
cart context-reducer ecommerce-application global-state html-css-javascript netlify-deployment react react-cart react-context-api react-fundamentals react-hooks reactjs
Last synced: 12 Mar 2025
https://github.com/avarman96/reviews--react-fundamental-project-3
This project is a simple React application that displays user reviews. Users can navigate through the reviews, view a random review, and see the details of each reviewer.
html-css-javascript netlify-deployment react react-dom react-fundamentals react-icons react-vite reactjs-components reviews
Last synced: 24 Feb 2025
https://github.com/arnobt78/menu-filter--react-fundamental-project-5
This project is a simple React application that displays a menu with various items. Users can filter the menu items by categories such as breakfast, lunch, and shakes.
filter html-css-javascript menu netlify-deployment react react-components react-filter react-fundamentals react-menu reactjs
Last synced: 12 Mar 2025
https://github.com/arnobt78/slider--react-fundamental-project-7
This project demonstrates a simple image slider using React. It includes two implementations: a custom carousel and a carousel using the React Slick library.
carousel carousel-component carousel-slider html-css-javascript image-slider netlify-deployment reack-slick react react-components react-fundamentals react-slider reactjs
Last synced: 12 Mar 2025
https://github.com/arnobt78/tabs--react-fundamental-project-6
This project is a React application that displays job information fetched from an external API. Users can navigate through different jobs using buttons, and the application dynamically updates the displayed job details.
html-css-javascript netlify-deployment react react-components react-fundamentals react-tabs react-vite reactjs tabs
Last synced: 12 Mar 2025
https://github.com/arnobt78/accordion--react-fundamental-project-4
This project is a simple React application that displays a list of questions with toggleable answers. It uses the `useState` hook to manage the state of the questions and their visibility.
accordion accordion-collapsible html-css-javascript netlify-deployment react react-components react-fundamentals react-hooks reactjs
Last synced: 12 Mar 2025
https://github.com/arnobt78/reviews--react-fundamental-project-3
This project is a simple React application that displays user reviews. Users can navigate through the reviews, view a random review, and see the details of each reviewer.
html-css-javascript netlify-deployment react react-dom react-fundamentals react-icons react-vite reactjs reactjs-components reviews
Last synced: 12 Mar 2025
https://github.com/arnobt78/lorem-ipsum-generator--react-fundamental-project-8
This project is a simple React application that generates random paragraphs of text. It allows users to specify the number of paragraphs they want to generate.
html-css-javascript nanoid netlify-deployment paragraph-generation react react-components react-dom react-fundamentals reactjs
Last synced: 12 Mar 2025
https://github.com/bijoy4u/strapi-submenus--react-fundamental-project-13
This project demonstrates a responsive navigation menu with submenus using React. It includes a global context for managing the sidebar state and dynamic rendering of submenus based on the data provided.
dynamic-rendering global-context html-css-javascript nav-links netlify-deployment react react-context react-fundamentals responsive-web-design strapi strapi-cms strapi-submenus strapi-template submenu
Last synced: 24 Feb 2025
https://github.com/sachu2904/slider--react-fundamental-project-7
This project demonstrates a simple image slider using React. It includes two implementations: a custom carousel and a carousel using the React Slick library.
carousel carousel-component carousel-slider html-css-javascript image-slider netlify-deployment reack-slick react react-components react-fundamentals react-slider
Last synced: 24 Feb 2025
https://github.com/operastudios/menu-filter--react-fundamental-project-5
This project is a simple React application that displays a menu with various items. Users can filter the menu items by categories such as breakfast, lunch, and shakes.
filter html-css-javascript menu netlify-deployment react react-components react-filter react-fundamentals react-menu
Last synced: 01 Aug 2025
https://github.com/koust4v/sidebar--react-fundamental-project-12
This project is a simple React application that demonstrates the use of global context to manage the state of a sidebar and a modal. The application includes three main components: Home, Modal, and Sidebar.
global-context html-css-javascript modal netlify-deployment react react-component react-fundamentals sidebar sidebar-menu
Last synced: 04 Aug 2025
https://github.com/arnobt78/Unsplash-Images--React-FullStack-Fundamental-Project-17
This project is a React application that allows users to search for images using the Unsplash API. It includes features such as dark mode (stored in localstorage), search functionality, and image gallery display.
axios axios-react darktheme environment-variables gallery-images localstorage netlify-deployment react react-components react-fundamentals react-query react-query-devtools react-vite reactjs searh unsplash-api unsplash-images-app
Last synced: 27 Oct 2025
https://github.com/ciabattaemo/navbar--react-fundamental-project-11
This project demonstrates how to create a responsive navigation bar using React and Vite. The navigation bar includes links and social icons, which are dynamically rendered based on the component's state.
getboundingclientrect html-css-javascript navbar navbar-css netlify-deployment react react-fundamentals useref useref-hook
Last synced: 29 May 2026
