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 usestate-hook

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

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: 03 Feb 2025

https://github.com/iahmadiqbalbhatti/eatandsplitapp

Eat-N-Split app is built using React JS. In this porject, I have learned how to share state back and forth in React JS app at core level. Later I will use API or other liberary to do that like Redux.

css eat-n-split html html-css html-css-javascript html-css-js javascript prop-drilling react react-hooks react-projects reactjs reactjs-project state-management usestate usestate-hook

Last synced: 10 Jan 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: 29 Jan 2025

https://github.com/anselemodims/calculator

Calculator is a single-page application built to calculate simple mathematical operations. It is built using React and CSS.

components grid-layout hooks javascript jest react react-router reactjs usestate-hook

Last synced: 07 Dec 2024

https://github.com/desmondsanctity/the-shoppies

A frontend challenge where OMDB movie directory API was consumed on the frontend React application.

movies-api omdb-api omdb-search reactjs usestate-hook yarn

Last synced: 17 Feb 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: 07 Feb 2025

https://github.com/ajmalfaris11/product-list-react

Smart. is a modern frontend design project showcasing a product list, crafted with React, Bootstrap, and CSS for a sleek, responsive user interface. This repository highlights efficient rendering and dynamic data handling, making it ideal for e-commerce platforms and product showcase websites.

boostarp css frontend map media-queries react responsive-design usestate-hook

Last synced: 17 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: 01 Jan 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: 17 Feb 2025

https://github.com/evansrobbie/online-code-editor

Developed using React, Tailwind CSS, and CodeMirror, this Online Code Editor allows you to write and execute code directly in your browser.

codemirror customhooks localstorage react-codemirror2 reactjs tailwind-css typescript useeffect usestate-hook

Last synced: 17 Feb 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: 01 Jan 2025

https://github.com/veerendra19codes/jersey-store

Designed a react e-commerce app .Deployed on netlify

context-api ecommerce-website react react-router reactjs usestate-hook

Last synced: 14 Feb 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: 03 Feb 2025

https://github.com/thekiranmahajan/nike-clone

Its show selling platform which showcases the varity of shows with prices and their ratings. this site comes with fully responsive and interactive web design which provides a awesome user experience UX. This is a cool looking Nike clone with different awesome sections.

javascript nike-clone react-hooks reactjs tailwind-css-project usestate-hook vitejs-react

Last synced: 27 Jan 2025

https://github.com/nurdoganbahadir/react-besiktas-app

The aim of the project is to see the players of Beşiktaş Football team and browse them with search input.

bootstrap css javascript react usestate-hook

Last synced: 22 Jan 2025

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

Esempi con gli hooks di React

react react-hooks useeffect-hook usestate-hook

Last synced: 23 Jan 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: 16 Jan 2025

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

The main purpose is to understand and apply the concepts of useState in ReactJS

react reactjs usestate usestate-hook

Last synced: 02 Feb 2025

https://github.com/fatemee78/myportfolio

I created this Portfolio web application to touch Reactjs more than

css3 emailjs motion react-scroll reactjs usecontext usestate-hook

Last synced: 01 Feb 2025

https://github.com/nishkarsh25/myecommerce-responsivepage

Welcome to the Ecommerce Website project! This repository contains the source code for an Ecommerce website developed using HTML, CSS, and JavaScript. The website is designed to provide users with a seamless shopping experience and features various sections to showcase products, promotions, and company information.

javascript reactjs tailwindcss usestate-hook

Last synced: 22 Jan 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: 24 Jan 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: 19 Feb 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: 20 Jan 2025

https://github.com/thekiranmahajan/password-generator

This a Password generator React.js application which generates different password combinations based on the user inputs. Such as we can provide length of password or will it contains characters or numbers, etc to make password more complex. also have added a visually appealing copy button to easily copy password generated to clipboard

javascript javascript-library jsx password-generator reactjs tailwind-css usestate-hook

Last synced: 27 Jan 2025

https://github.com/pras75299/randomtext-generator

React application for random text generator

css dummy-api react reacthooks styles usestate-hook

Last synced: 16 Jan 2025

https://github.com/hariyebk/terasmovies

search and bookmark your favorite movies

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

Last synced: 25 Jan 2025

https://github.com/thekiranmahajan/counter

the basic React counter application which is an experiment of React Hooks such as useState and how we update state in react using useState effortlessly at one click. it basically counts with a specific range that is from 0 to 22 as a Age example and shows respective warnings messages for going beyond this limits

counter hooks-api-react react-hooks reactjs tailwindcss usestate-hook

Last synced: 27 Jan 2025

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: 29 Jan 2025

https://github.com/binhnhu1409/react_weather_app

Using AccuWeather API https://developer.accuweather.com/ to get the weather data for a city and display it in a meaningful way.

accuweather-api html-css-javascript netlify-deployment react reactbootstrap usestate-hook weather

Last synced: 29 Jan 2025

https://github.com/muhsinmk/react-like-counter

Simple Social Media Like counter App, using React

clickhandler jsondata likecounter usestate-hook

Last synced: 29 Jan 2025

https://github.com/nurdoganbahadir/react-appointment-app

This project was developed using React. The aim of the project is to enable the user to make an appointment with the doctor on the date and time he/she wants.

css javascript npm react usestate-hook

Last synced: 29 Jan 2025

https://github.com/nurdoganbahadir/product-list-app

In this project, we added events to the buttons with React and categorized and filtered the data. We used the SASS framework to style our page.

bootstrap css react scss-framework usestate-hook

Last synced: 11 Feb 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: 01 Jan 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: 07 Feb 2025

https://github.com/iryna-vyshniak/goit-react-hw-04-feedback

:chart_with_downwards_trend: Feedback widget. Application for collecting statistics

switch usestate-hook

Last synced: 07 Feb 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: 12 Jan 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: 29 Jan 2025

https://github.com/evansrobbie/privatebeaches

A Private beach landing page with a an outstanding masonry layout

masonry-grid reactjs tailwind-css usestate-hook

Last synced: 17 Feb 2025

https://github.com/nishkarsh25/react-5branch-5beginnerprojects

The AddToCart App is a simple e-commerce application built with React. It allows users to browse through a list of products, add items to their cart, and view their cart with a summary of the total price and quantity of items. The application consists of three main components: Navbar, Shop, and Cart.

javascript reactjs tailwindcss usestate-hook

Last synced: 22 Jan 2025

https://github.com/evansrobbie/fullstack-chatapp

A fullstack Chat app using react and firebase to send real-time messages

context-api customhook firebase javascript reactjs tailwindcss typescript useeffect useref usestate-hook

Last synced: 17 Feb 2025

https://github.com/nishkarsh25/mylandingpage

MyLandingPage is a React-based landing page template designed to showcase a fictitious web hosting service called Hosterr. It provides a visually appealing layout with a header, body, and footer components, each serving specific purposes to engage users and encourage them to sign up for the service.

javascript reactjs tailwindcss usestate-hook

Last synced: 22 Jan 2025

https://github.com/bravol/next-js-ts-scratch-to-proffessional

Here is a NEXT JS/TS Course with more than three complete projects to learn completely Next JS/TS.

javascript next-auth nextjs14 nextui tailwindcss typescript usestate-hook

Last synced: 27 Jan 2025

https://github.com/nurdoganbahadir/react-employee-list

This project was developed with React. The purpose of this project is to divide the data into parts and navigate through these parts with events. SASS is used for style.

javascript react sass-framework usestate-hook

Last synced: 11 Feb 2025

https://github.com/roygitt/expense-calculator-reactjs

An expense calculator with graphical representation using graphs for every year.

controlled-components filtering-data lifting-state-up mapping-data react usestate-hook

Last synced: 26 Jan 2025

https://github.com/shivamchawda/react-json-data-faker

This app will generate JSON data in bulk according to the user's selected option. User can manually enter the amount of data and type of data needed and download it with one click.

box chips container downloadjs fake-data faker-generator form formcontrol grid json-data material-ui menuitem paper reactjs select textfield usestate-hook

Last synced: 14 Jan 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: 11 Feb 2025

https://github.com/nishkarsh25/javascript-5branch-5intermediateprojects

Welcome to the Form Validation project! This project focuses on creating a robust and user-friendly form validation mechanism to ensure that user input meets specified criteria. By leveraging HTML, CSS (with Tailwind CSS), and JavaScript, this project delivers an interactive and responsive form validation experience.

javascript tailwindcss usestate-hook

Last synced: 22 Jan 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 Jan 2025

https://github.com/shivamchawda/react-e-commerce-website

THIS PROJECT IS UNDER DEVELOPMENT. A complete e-commerce website using React js and commerce js. user can login/sign up using firebase authentication. User can Add the product to cart fill the shipping form and purchase it using Stripe payment integration. Once the order is placed user and admin both will get a confirmation mail regarding the order.

async-await commercejs confirmation-mail e-commerce-project grid-layout material-ui order-success payment-integration props-drilling react-hook-form react-router-dom reactjs stripe-payments use-effect use-history uselocation usestate-hook

Last synced: 14 Jan 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: 05 Jan 2025

https://github.com/devstephen/stephen-react-expense-tracker-

An interactive expense tracker that updates and filters by month and year. Deployed on render

props-and-state-components reactjs render usestate-hook

Last synced: 08 Jan 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: 07 Feb 2025

https://github.com/dumebii/quotegenerator

An app that randomly generates a new quote every time the button is clicked

hookstate react usestate-hook

Last synced: 08 Feb 2025

https://github.com/carlosfrontend/memory-card

Memory card game created with React

css html javascript react tsx useeffect-hook usestate-hook

Last synced: 03 Feb 2025

https://github.com/hareem-gohar/contact-us-page

This project is a simple contact form built using ReactJS, showcasing fundamental React concepts such as props, the useState hook, CSS Modules, a component-based structure, and dynamically displaying user-entered information on the UI. The form allows users to input their name, email, and message, and then displays this information on submission.

components-react css-modules hooks props reactsjs usestate-hook

Last synced: 01 Feb 2025

https://github.com/harshitha-2201/moviesearchapp

About A React Movie search app using The Movie Database (OMDb) API

api apiintegration bootstrap movie-search-app movies-api omdb-api react-icons react-router reactjs usestate-hook

Last synced: 17 Feb 2025

https://github.com/gabriel4420/todob7web

A proposta da lista de tarefas é o aprendizado sobre como usar useStates e react no geral com typescript, fazendo types personalizados para o uso de uma lista de tarefas.

react styled-components typescript usestate-hook

Last synced: 16 Feb 2025

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: 17 Feb 2025

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: 02 Feb 2025

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

Analysing text by Handling events and set State

bootstrap5 links prop-types react-router-dom usestate-hook

Last synced: 13 Feb 2025

https://github.com/jonataslaguna/laguna

Este projeto foi desenvolvido utilizando TypeScript e React para apresentar meus projetos, habilidades, informações sobre mim, e uma maneira fácil de entrar em contato.

context-api css3 html reactjs typescript usestate-hook vitejs

Last synced: 07 Feb 2025

https://github.com/giandiport80/react-todolist

Simple Todolist ReactJS

reactjs usestate-hook

Last synced: 02 Feb 2025

https://github.com/thegibi/challenge01-chapter-i

Challenge to improve development skills about ReactJS.

javascript jest-tests reactjs usestate-hook

Last synced: 05 Jan 2025

https://github.com/beckiemorton/date-counter

React App with 2 date counters to calculate the days from today's date, using a count and steps. Focus on using useState and ternary operators.

javascript react usestate-hook

Last synced: 07 Jan 2025

https://github.com/ahmadiqbalbhatti/eatandsplitapp

Eat-N-Split app is built using React JS. In this porject, I have learned how to share state back and forth in React JS app at core level. Later I will use API or other liberary to do that like Redux.

css eat-n-split html html-css html-css-javascript html-css-js javascript prop-drilling react react-hooks react-projects reactjs reactjs-project state-management usestate usestate-hook

Last synced: 12 Nov 2024

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

The Launch Countdown Timer is a fun and handy tool that adds excitement to your upcoming events. It features a ticking timer that keeps everyone eagerly counting down to the big moment!

es6 hooks html-css-javascript javascript reactjs usestate-hook

Last synced: 14 Jan 2025

https://github.com/dharanchilukuri/todolist-crud

todo list app to manage tasks

jsx parcel reactjs tailwindcss usestate-hook

Last synced: 16 Nov 2024