Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists tagged with useeffect-hook

A curated list of projects in awesome lists tagged with useeffect-hook .

https://github.com/simbathesailor/use-what-changed

A React hook and an easy to use babel-pugin to debug various React official hooks

debugging hacktoberfest react-hooks react-native reactjs usecallback-hooks useeffect-hook usememo-hooks

Last synced: 15 May 2025

https://github.com/woliveiras/tibia-houses

Get houses of the best MMORPG of every time, Tibia

context-api javascript node nodejs react reactjs tibia useeffect useeffect-hook

Last synced: 28 Oct 2025

https://github.com/livewithcodeankit/weather

This is my major project in which user can input location in search bar and he will get all the weather data of that location.

css3 html5 javascript react tailwindcss usecontext-hook useeffect-hook useref-hook usestate-hook weather-api weather-app

Last synced: 12 Jun 2025

https://github.com/davidhu2000/use-better-effect

A wrapper around `React.useEffect` but with improved API

react react-hooks react-native reactjs useeffect useeffect-hook useeffects

Last synced: 11 Apr 2025

https://github.com/jasontoups/youtube-react-hooks

Search YouTube with the API, rendering the result with React & Hooks

custom-hooks react react-hooks sass sass-mixins useeffect-hook usestate-hook youtube-api

Last synced: 24 Mar 2025

https://github.com/ifedapoolarewaju/use-clean-effect

An extension of React useEffect without the need for clean-up functions

npm-package react react-hook react-hooks reactjs use-clean-effect use-effect useeffect useeffect-hook useeffects

Last synced: 12 Apr 2025

https://github.com/amulyamachhan/passwordgenerator

This React + Vite Password Generator is a simple web application that allows users to generate passwords of varying lengths according to their needs. Users can customize the length of the password and choose whether to include numbers and special characters. A additionally, the application provides the functionality to copy the generated password t

css hooks html react usecallback-hook useeffect-hook useref-hook usestate-hook vite

Last synced: 01 Apr 2025

https://github.com/abhisheknayak-programmer/youtube-clone

YouTube Clone is a Clone of YouTube which consist of some functionalities of YouTube like see recent feed, search videos, see likes and views on a video, see related videos, play, pause, change time of a video, change quality of a video, see subtitles, add video to watch later and a video can also be shared and a channel page can also be viewed.

fetch-api material-ui netlify rapidapi react react-router-dom state-management useeffect useeffect-hook usenavigate usestate vanilla-javascript youtube

Last synced: 16 Jun 2025

https://github.com/gianlucajahn/pokematch-react-game

A pokemon-inspired React Game SPA (single-page-application) featuring a rich UX including a welcome screen, a rules popup, a popup containing copyright information, an introduction by a pokemon professor and the actual game.

functional-components lifecycle-components react reactjs useeffect-hook

Last synced: 07 Apr 2025

https://github.com/pk170970/react-project-14-cocktails

React cocktail project using cocktail db api

react usecallback usecontext useeffect-hook usestate-hook

Last synced: 29 Mar 2025

https://github.com/petekgithub/find-heroes

:elf: Images generated by AI. https://find-heroes.vercel.app/

javascript reactjs useeffect-hook usestate-hook vite

Last synced: 21 Feb 2025

https://github.com/iambasilp/counter-react

I learnt how to create a simple counter in a React JS functional component

css3 flex javascript react useeffect-hook usestate-hook xml

Last synced: 21 Feb 2025

https://github.com/evansrobbie/besteats

A food delivery website where one can add items to cart, increase and decrease quantity of item.

context-api localstorage react-hot-toast reactjs useeffect-hook usestate-hook

Last synced: 16 Oct 2025

https://github.com/chrisnajman/meme-generator

Built from Scrimba's 'Build a meme generator' tutorials. Dynamically add text to the top and bottom of the image. Click the button to generate a new image.

api async-await controlled-components css-nesting form-elements github-pages-website html-css-javascript props reactjs scrimba state-management useeffect-hook vitejs

Last synced: 08 Sep 2025

https://github.com/madhav-p-2005/react.js-todo-app

📝 Simple ToDo application built with React.js and Vite, styled with Bootstrap. Features task management with add, edit, delete, and completion tracking functionality.

bootstrap5 css flatpickr-library font-awesome html reactjs19 scss useeffect-hook useref-hook usestate-hook vercel-deployment vite7

Last synced: 14 Aug 2025

https://github.com/vijaykarasala99/hotelbooking-react-app

Hotel Booking with checkin checkout and addons & the Total Amount with GST,Discount Calculated And In Booking History the Details Fetched

axios-react bootstrap css html javascript react react-bootstrap react-router reacthooks reactjs useeffect-hook usestate-hook

Last synced: 30 Dec 2025

https://github.com/jasontoups/unsplash-react-hooks

A React app that fetches images from the Unsplash API and renders them in a responsive grid.

custom-hook react react-hooks sass sass-mixins unsplash-api useeffect-hook usestate-hook

Last synced: 05 Jan 2026

https://github.com/nurdoganbahadir/react-rent-a-car

This project was developed using react. The aim of the project is to enable the customer to see the vehicles and get information about the vehicles. The usability is increased by adding dark and light theme button.

css npm react reactbootstrap useeffect-hook usestate-hook

Last synced: 24 Mar 2025

https://github.com/petekgithub/cryptocurrency-tracker

:cyclone: This is cryptocurrency tracker app using with react useState and useEffect hooks and axios.

axios javascript reactjs useeffect-hook usestate-hook

Last synced: 10 Oct 2025

https://github.com/shivamchawda/react-ui-color-picker

Confused in selecting colors for next project? Using this app you can generate 100 shades of each color along with their hex code by manually searching the color name or the product name. The app will provide you one click copy color feature with a nice animation effect.

copy-to-clipboard iscolor material-ui onclick random-color reactjs ui-colors use-ref-hook useeffect-hook usestate-hook valuesjs

Last synced: 14 Jun 2025

https://github.com/mischief98/swiggy-clone

A Swiggy clone built using React.js, featuring a modern UI for food delivery services. It includes dynamic restaurant pages, a cart system, and responsive design, mimicking real-world functionality.

axios-react bootstrap5 frontend reactjs useeffect-hook usestate-hook

Last synced: 31 Dec 2025

https://github.com/pras75299/react-grocery-application

React application for Grocery add, delete, edit and update features

hooks localstorage-api react react-icons reactdom useeffect-hook usestate-hook

Last synced: 06 Mar 2025

https://github.com/sentvinsent/user-list-practice-project

React Project to practice and showcase working with functional components, managing state with redux and redux toolkit, working with REST APIs, using NPM packages and animating React App.

css3 forwardref http-requests reactanimations redux redux-toolkit rest-api usecallback-hook useeffect-hook usememo-hooks usestate-hook

Last synced: 31 Dec 2025

https://github.com/marcraphael12/launch-countdown-timer

This is a solution to the Launch countdown timer challenge on Frontend Mentor

reactjs scss useeffect-hook usestate-hook

Last synced: 06 Sep 2025

https://github.com/mohamed-taha-essa/dj-job-board-microservice-app

a full-stack microservice-based job board application built using Django for the backend and Next.js for the frontend. The backend is divided into three core services: Jobs, Blog, and Users. Each service is implemented as a separate Django app and exposed via RESTful APIs. The frontend communicates with these APIs, uses UI design with Shadcn

celery corshe django django-rest-framework docker microservices nextjs postgresql python reactjs redis shadcn-ui swr-hook tailwindcss useeffect-hook usestate-hook zustand

Last synced: 30 Dec 2025

https://github.com/hariyebk/terasmovies

search and bookmark your favorite movies

custom-hooks data-fetching useeffect-hook usestate-hook

Last synced: 20 Mar 2025

https://github.com/abdulwahab0/bpmn-integration-with-react

To do list with searching Example of MobX & React,Store in React

bpmn mobx-decorators mobx-demo mobx-react reatctjs redux router stores useeffect-hook

Last synced: 26 Feb 2025

https://github.com/sumonta056/reactjs-tailwindcss-learning

Learning React Js from Scratch using TailwindCSS

lazy-loading usecontext-hook useeffect-hook usestate

Last synced: 27 Dec 2025

https://github.com/alexandrabaturina/react-fetch-and-render-data-exercise

React-based frontend for app that fetches data from external API using Axios and renders in on the page

axios-react external-api pagination useeffect-hook usereducer-hook

Last synced: 03 Jul 2025

https://github.com/kemboi590/search-universities-api

Search universities is a website that consumes an API that has university details.

api react-hooks reactjs useeffect-hook usestate-hook

Last synced: 01 Dec 2025

https://github.com/mainick/react-hooks

Esempi con gli hooks di React

react react-hooks useeffect-hook usestate-hook

Last synced: 10 Oct 2025

https://github.com/dwdw2/react-native-farm

this is react native app. In this application I used YELP api, goolge, and other

googl-cloud google google-maps-api react-native useeffect-hook usestate-hook yelp-api

Last synced: 21 Jun 2025

https://github.com/0vai5/weatherx---your-own-weather-companion

This React-based Weather application component provides a sleek and informative interface for displaying current weather conditions. With features such as temperature, feels-like temperature, visibility, and wind speed, users can quickly grasp essential details about the weather in a specific city. The clean design, using FontAwesome and Tailwind

css design font-awesome netlify react-hooks reactjs tailwindcss ui-components useeffect-hook user-experience user-interface usestate-hook version-control webapp website

Last synced: 17 Mar 2025

https://github.com/marleydip/react-multi-menu-navbar-framer-motion-tailwind-css

Responsive multilevel dropdown navbar with react js & tailwind css | React js Dropdown Navbar

framer-motion functional-components jsx-renderer optional-chaining tailwind-css useeffect-hook vite

Last synced: 02 Aug 2025

https://github.com/mishi54/pokemon

This is a Pokémon card application built in React that allows users to search and view Pokémon details like height, weight, speed, and abilities. The project utilizes components and state management to dynamically display a list of Pokémon with a search feature. It employs a clean, responsive design and highlights the use of React props and JSX .

api bun cartoon components jsx pokemon-api reactjs useeffect-hook usestate-hook vite

Last synced: 03 Aug 2025

https://github.com/iryna-vyshniak/imagefinder

:mag: App for searching images by keyword using Pixabay API

fetch-api loader loadmore modal pixabay-api search state-machine useeffect-hook usestate-hook

Last synced: 02 Apr 2025

https://github.com/plan28-06/memory_game

Developed a memory game to gain hands-on experience with useState and useEffect in React

reactjs useeffect-hook usestate-hook

Last synced: 16 Dec 2025

https://github.com/bekalueshete/meme-genrator

Meme Generator App - A simple React app that fetches meme images from the Imgflip API and allows users to generate and edit their own memes.

imgflip-api reactjs useeffect-hook usestate

Last synced: 27 Mar 2025

https://github.com/rh9891/breakingbad

A React application that utilizes the Breaking Bad API to display and filter the characters from the hit TV show, Breaking Bad.

breaking-bad-api css-animations react useeffect-hook usestate-hook

Last synced: 02 Mar 2025

https://github.com/thakurbhanu021/budget-tracker-app-reactjs

A Budget tracking app made with useContext, useState, useEffect hook and debouncing for searching

reactjs usecontext-hook useeffect-hook usestate-hook

Last synced: 24 Jun 2025

https://github.com/jcgadeadev/star-wars-app

Star Wars App - Consumo de la API SWAPI de Star Wars con React. Muestra lista de los personajes y detalles de cada uno de ellos.

axios-react css3 javascript react-router reactjs swapi-api useeffect-hook useparams-hook usestate-hook vitejs

Last synced: 30 Dec 2025

https://github.com/mrzamin/memory-game

A Memory Card Game built with React

useeffect-hook usestate-hook vercel

Last synced: 06 Mar 2025

https://github.com/atish28kumar03sahu2001/react-web-dev-03

Speedy Snacks An Online Food Order Demo App Using HTML, CSS, React, Hooks, & Context API. This Is A Frontend UI, There Is No Backend Is Used. This Project Is For Learning Purpose, For Gain Knowledge On React.JS

context-api css3 font-awesome-icons food-ordering-website html5 jsx-syntax reactjs responsive-web-design speedy-snacks-react useeffect-hook usestate-hook vscode

Last synced: 24 Feb 2025

https://github.com/antonharbers/cv-app

React CV App - The Odin Project: https://www.theodinproject.com/lessons/node-path-react-new-cv-application

css html javascript node preact react signals theodinproject useeffect-hook usestate-hook uuid

Last synced: 30 Dec 2025

https://github.com/chandrabose-11/react-redux-shopping-cart

This repo contains React Day 12 Task of MERN Stack. Build a Cart Page using React Redux .

bootstrap5 css html5 javascript react react-icons redux redux-toolkit useeffect-hook useselector-hook

Last synced: 30 Dec 2025

https://github.com/karthik-nair-20/counter-game

Counter-Game built using simple React Hooks and JavaScript.

reactjs setinterval-timer useeffect-hook usestate-hook

Last synced: 03 Mar 2025

https://github.com/asadkhan911/react-mastery-lectures-code-practice

This is the complete guide for learning React! This repository contains notes and code practice that I’ve had on my local computer for the past three months. Although the content has been ready for a while, I’m now excited to finally share it with you. Happy coding 👍

api-integration axios class-based-components component-lifecycle context-api environment-variables event-handling functional-components infinite-scroll jsx props react react-router redux states usecontext-hook useeffect-hook usestate-hook

Last synced: 04 Apr 2025

https://github.com/madhulikacodes/image-carousal

image carousal using react

javascript reactjs useeffect-hook

Last synced: 09 Jul 2025

https://github.com/pramit-marattha/react-hooks-localstorage-grocerylist

This tutorial is about two hooks (useState and useEffect) by building a grocery list oragnizer application. These are the two most basic hooks along with useContext.This is Full hands-on tutorial with a detailed explanation of various react application .

localstorage react react-functional-components react-hooks react-state useeffect-hook usestate-hook

Last synced: 24 Jun 2025

https://github.com/bhargav-parashar/medify

Medify lets users search for medical centers in a specific state and city across the USA and book appointments.

css custom-hooks date-fns html javascript material-ui notistack react-router reactjs swiper usecontext-hook useeffect-hook usememo-hooks usestate-hook

Last synced: 23 Feb 2025

https://github.com/Hareem-Gohar/Bokosm-Ecom-App

The E-Commerce Store App is a responsive shopping platform built with React, Vite, and Tailwind CSS. It features product browsing, cart management, and state management with React Context API and useReducer, offering a smooth, multi-page user experience.

axios-react context-api custom-hook react-router-dom useeffect-hook useparams-hook usereducer usestate-hook

Last synced: 30 Apr 2025

https://github.com/umutplvn/random_people-app

Random User Generator App

react useeffect-hook usestate-hook

Last synced: 29 Mar 2025

https://github.com/hawkpraveen/react_day_12_task

This repo contains React Day 12 Task of MERN Stack. Build a Cart Page using React Redux .

bootstrap5 netlify reactjs redux redux-toolkit useeffect-hook useselector-hook

Last synced: 31 Dec 2025

https://github.com/santoshy1101/touch-typing-practice

A web application for practicing touch typing,to improve typing skills. Utilizes ASDFJKL; word to help learn proper technique and accuracy.

css3 html5 reactjs useeffect-hook useref-hook usestate-hook

Last synced: 29 Mar 2025

https://github.com/akashp73387/day-30-react-axios-task

This repo contains React Day 10 Task of MERN Stack. Build a Simple CRUD operation from API using Axios

axios-react bootstrap5 netlify reactjs useeffect-hook usestate-hook

Last synced: 04 Mar 2025

https://github.com/richardnixondev/lifecycle-useeffect-react

Component lifecycle example and Api Async

api async useeffect-hook vitejs

Last synced: 21 Jun 2025

https://github.com/hawkpraveen/react_day_11_task

This repo contains React Day 11 Task of MERN Stack. Build a Library management system using simple CRUD operation from API using Axios with Formik and Yup Validation.

ant-design bootstrap5 formik netlify react-router reactjs useeffect-hook usenavigate-hook usestate-hook yup-validation

Last synced: 31 Dec 2025

https://github.com/hawkpraveen/react_day_10_task

This repo contains React Day 10 Task of MERN Stack. Build a Simple CRUD operation from API using Axios

axios-react bootstrap5 netlify reactjs useeffect-hook usestate-hook

Last synced: 31 Dec 2025

https://github.com/shivamchawda/react-json-database

A CRUD react app in which you can add, update, view, delete details of users. The app is not using any online server or database for storing the data all the data are getting stored in the app locally in JSON format.

404-page async-await axios-react bootstrap concurrently crud-application database dynamic-routing fake-json-server json-server navlink react-router reactjs use-history useeffect-hook useparams usestate-hook

Last synced: 04 Mar 2025

https://github.com/ayushtiwari134/news

Cannot deploy the application because I am using the free version of the API which does not allow to fetch requests in production or deployed builds.

bootstrap5 css3 html5 javascript reactjs tailwindcss useeffect-hook usestate-hook

Last synced: 07 Sep 2025

https://github.com/bharat40/react-topics

This repository is dedicated to learning and exploring various React topics. It contains different projects, components, and implementations to enhance understanding and proficiency in React.js.

context-api mapfilterandreduce props-drilling react-router state-management usecontext-hook useeffect-hook usereducer-hooks useref-hook usestate-hooks

Last synced: 22 Jul 2025

https://github.com/gabriel4420/to-do-list

Utilizando todos os conhecimentos adquiridos pela base do react pelo b7web, no curso de react, cujo os mesmos são listados abaixo:

javascript reactjs styled-components useeffect-hook usestate

Last synced: 14 Apr 2025