Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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 Dec 2024

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: 11 Oct 2024

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: 02 Dec 2024

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: 09 Nov 2024

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: 07 Nov 2024

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: 15 Dec 2024

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: 21 Dec 2024

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: 08 Dec 2024

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: 02 Dec 2024

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

React cocktail project using cocktail db api

react usecallback usecontext useeffect-hook usestate-hook

Last synced: 09 Dec 2024

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: 08 Nov 2024

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

Esempi con gli hooks di React

react react-hooks useeffect-hook usestate-hook

Last synced: 22 Nov 2024

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: 01 Dec 2024

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: 11 Nov 2024

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: 07 Nov 2024

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: 19 Dec 2024

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: 09 Nov 2024

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: 02 Dec 2024

https://github.com/roggersanguzu/kindergatten

This elaborates a Static KinderGatten Page

accordian-widget javascript useeffect-hook usestate usestate-hook

Last synced: 16 Nov 2024

https://github.com/roggersanguzu/hooks-usestates-useeffects

This illustrates the various Hooks ranging from useEffects, useStates.

useeffect useeffect-hook usestate usestate-hook

Last synced: 16 Nov 2024

https://github.com/roggersanguzu/a-reakt-usestates

This encopasses react JS useStates in various aspects to my knowledge

css3 forms javascript propdrilling reactjs useeffect-hook usestate-hook

Last synced: 16 Nov 2024

https://github.com/vovansuper/react-funky-notes

Funky Notes app with Material-UI, Styled-Components, React hooks, and opinionated eslint and prettier setup, cypress and testing library

axios cypress eslint eslint-config eslint-rules firebase material-ui notes-app prettier prettier-config prettier-eslint react react-hooks reactjs styled-components useeffect-hook usereducer-hooks usestate-hook

Last synced: 11 Nov 2024

https://github.com/lucky-kashyap/crypto-coin

Crypto-Coin Web App which shows all the crypto coins data

api css flexbox html react react-router-dom search useeffect-hook usestate-hook

Last synced: 07 Nov 2024

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: 05 Nov 2024

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: 06 Nov 2024

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

Create customized memes with ease using this React-based Meme Generator. Select from a variety of images, add humorous text, and see real-time previews. Leveraging useState and useEffect hooks, this app offers an interactive and responsive meme-making experience.

css3 javascript meme-generator netlify react-hooks react-mini-project reacttjs useeffect-hook usestate-hook

Last synced: 05 Nov 2024

https://github.com/surjoyday/watch-list

Watchlist is a movie and series searching web application that provides comprehensive details about movies and series, including:

create-react-app customhooks javascript reactjs useeffect-hook useref-hook usestate-hook

Last synced: 08 Nov 2024

https://github.com/aneeshlalwani/react-projects-interview-preparation

This Repo contains 15+ mini 'React Projects', that can help for preparing an job interviews

api hooks reactjs routing useeffect-hook useref-hook usestate-hook

Last synced: 06 Nov 2024

https://github.com/developeromarfaruk/react-ema-john-shop

By calling API in this repository and setting it to product card, it has been added to the cart along with the price, tax, and total price updated

api arrow-functions css3 event-handlers fecth-api html5 react-components reactjs useeffect-hook usestate-hook

Last synced: 07 Nov 2024

https://github.com/hareem-gohar/password-generator

This Password Generator application, built with React and styled using Tailwind CSS, allows users to create secure and customizable passwords. With adjustable length and options to include special characters and numbers, this tool ensures password strength and versatility.

clipboard-api event-handling memoization usecallback-hook useeffect-hook useref-hook

Last synced: 12 Nov 2024

https://github.com/hareem-gohar/task-management-app

A React app for managing tasks. Add new tasks, mark them as complete, and delete them. Easily switch between active and completed tasks with tabs.

component-based-architecture form-handling local-storage reactjs state-management useeffect-hook usestate-hook

Last synced: 12 Nov 2024

https://github.com/hareem-gohar/e-commerce-store-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: 12 Nov 2024

https://github.com/virag-ky/fullstackopen-part0-2

This repository contains my exercise submissions for the Full Stack Open course from Part 0-2.

fullstack-development fullstackopen javascript react react-hooks submissions useeffect-hook usestate-hook webdevelopment

Last synced: 12 Nov 2024

https://github.com/kartikmahajan5688/social-posts

Fetching the data from an API with the help of Fetch API and show in UI as posts list.

css-animations css-flexbox css-grid fetch-api material-ui materialize-css reacthooks reactjs rest-api useeffect-hook user-interface

Last synced: 08 Nov 2024

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

image carousal using react

javascript reactjs useeffect-hook

Last synced: 09 Nov 2024

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: 10 Nov 2024

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: 23 Nov 2024

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: 14 Nov 2024

https://github.com/deepcloudlabs/mastermind-reactjs-with-hooks

Reactjs Implementation of MasterMind Game using React Hooks

hooks-api-react react reactjs useeffect-hook usestate-hook

Last synced: 11 Nov 2024

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: 12 Nov 2024

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: 12 Nov 2024

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: 12 Nov 2024

https://github.com/castle2668/react-side-effect

Max's React Course Practice Project 04: Side Effects (Section 10)

react useeffect-hook

Last synced: 12 Nov 2024

https://github.com/luiggi-piero/mouse-follower

Mueve el mouse con un círculo siguiéndolo, activa y desactiva esta caracteristica

css html react useeffect-hook usestate-hook

Last synced: 07 Dec 2024

https://github.com/prakharagr2001/todolistwithflash

Welcome to the world of dynamic task management, where the To-Do-List React App brings together the power of the useEffect hook to elevate your task-tracking experience. This project is not just about ticking off items—it's about the seamless dance of visual feedback, local storage sync, and real-time task count updates.

html-css-javascript reactjs responsive-design useeffect-hook usestate

Last synced: 13 Nov 2024

https://github.com/ryankaleligabriel/usepopcorn

Web application built using react and movie api

component-composition useeffect-hook

Last synced: 13 Nov 2024

https://github.com/akashp73387/day-31-react-formic-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 formic netlify react-router reactjs useeffect-hook usenavigate usestate-hook yup-validation

Last synced: 14 Nov 2024

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: 14 Nov 2024

https://github.com/akashp73387/day-32-react-redux-task

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

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

Last synced: 14 Nov 2024

https://github.com/akashp73387/day-28-react-usecontext-task

This repo contains React Day 8 Task of MERN Stack. Build a cart page using Use-Context.

bootstrap5 netlify reactjs useeffect-hook

Last synced: 14 Nov 2024

https://github.com/nate0h/memory-card-game

Dragon Ball Z Memory Card Game

prettier-eslint react useeffect-hook vite

Last synced: 15 Nov 2024

https://github.com/hemant110800/login-handler-app

Created a Login Page , expecting user to enter valid Email and Password , applied basic validations to Email and Password field and after successful credentials entering user to Home Screen , and maintaining user login status in LocalStorage, so that refreshing won't impact. Used AuthContext (for storing user details) useContext , useReducer hooks.

css html javascript react reacthooks reactjs usecontext useeffect-hook usereducer-hook

Last synced: 17 Nov 2024

https://github.com/emersoncarneirodasilva/weather-app-02

Projeto de um app de consulta do clima de uma cidade ou país.

reacticons reactjs tailwindcss useeffect-hook usestate-hook

Last synced: 17 Nov 2024