Data

Tools

Indexes

Applications

Experiments

Awesome

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

Projects in Awesome Lists tagged with functional-components

A curated list of projects in awesome lists tagged with functional-components .

https://github.com/abuseofnotation/vanilla-fp

The no-framework framework for building component-based purely-functional UIs.

functional-components functional-programming functional-react functional-reactive-programming

Last synced: 17 Apr 2025

https://github.com/alexsasharegan/vue-functional-data-merge

Vue.js util for intelligently merging data passed to functional components.

functional-components utils vue vue-utils vuejs

Last synced: 04 Apr 2025

https://github.com/bvic23/babel-plugin-functional-hmr

Babel plugin enables HMR for functional components in React Native.

functional-components hmr hot-reload react react-native

Last synced: 06 Mar 2026

https://github.com/zanettin/incompose

A inferno utility belt for function components and higher-order components

functional-components functional-programming higher-order-component hoc inferno inferno-js javascript npm npm-package recompose

Last synced: 02 Aug 2025

https://github.com/johndatserakis/koa-react-notes-web

🤓 This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and more.

boilerplate crud functional-components hooks koa react react-router starter storybook typescript

Last synced: 22 Mar 2025

https://github.com/thepuskar/yelp-clone

CLONE of popular YELP web application using create-react-app as a base from scratch using React (functional component & Custom Hooks), Yelp Fusion REST API, Bulma CSS and flex-box methodology.

bulma-css create-react-app flexbox functional-components react react-hooks react-router rest-api yelp yelp-clone yelp-fusion-api

Last synced: 12 Apr 2025

https://github.com/dantederuwe/react-netflix-clone

Learning React by creating a simple Netflix clone. (I transformed this into a microfrontend solution! See https://git.io/netflix-piral)

functional-components learning-by-doing netflix-clone react sample-project

Last synced: 15 Sep 2025

https://github.com/maxim2266/pump

A minimalist framework for assembling data processing pipelines.

callback etl-pipeline functional-components golang iterator pipelines

Last synced: 18 Feb 2026

https://github.com/aftabrehan/growfy

Growfy - A dark web landing page for marketing solution build with React, Next.js, SCSS, and deployed on Vercel.

custom-components functional-components landing-page nextjs reactjs sass styled-components

Last synced: 07 Mar 2026

https://github.com/bhovhannes/use-force-update-hook

React hook which allows forceUpdate() in functional components

forceupdate functional-components hook react

Last synced: 06 Apr 2025

https://github.com/bezkoder/multiple-image-upload-react-js

Multiple image upload in React.js (functional component) with Preview, Progress Bars using Hooks, Axios, Bootstrap 4

axios bootstrap bootstrap-4 bootstrap4 file-upload functional-components multipart multipart-formdata multipart-uploads react react-hooks reactjs upload-file upload-images

Last synced: 26 Oct 2025

https://github.com/l33t-c0d3r-66/expense-tracker-reactjs

A ReactJS Expense Tracker Application

functional-components react-hooks reactjs redux

Last synced: 24 Jun 2025

https://github.com/aftabrehan/apple-landing-v2

A modern and responsive landing page built with Next.js, ReactJS, SCSS, and amazing libraries like Framer Motion, deployed with Vercel for fast and reliable performance.

functional-components nextjs reactjs responsive-web-design reusable-components sass-framework styled-components

Last synced: 31 Aug 2025

https://github.com/l33t-c0d3r-66/soda-shop-reactjs

A Front End for Soda Shop Backend

fetch-api functional-components hooks reactjs

Last synced: 11 Jul 2025

https://github.com/iwtkachenko/great-vue-func-com

Helper that allows to create functional components for VueJs

functional-components vue vue-components vue2 vuejs2

Last synced: 02 Mar 2025

https://github.com/nidhiupman568/qrcode-generator-using-react.js

🎉 Welcome to the QR Code Generator project! 🎉 This powerful 💪 tool lets you generate QR codes 📱 easily using ReactJS ⚛️. With just a few clicks 🖱️, you can create QR codes 📲 that can store URLs 🌐, contact information 📇, and more!

css front-end-development functional-components html javascript javascript-es6 learning-reactjs qr-code-generator react-hooks reactjs reactjs-developer web-development

Last synced: 08 Feb 2026

https://github.com/nasirkhan294/chat-application

This repository features a modern React-based chat application that offers real-time communication functionality. The application leverages React's flexible architecture and provides an intuitive user interface for seamless messaging experiences.

functional-components react-states reactjs router-dom

Last synced: 05 May 2026

https://github.com/nidhiupman568/paintapp-using-react.js

🎉 Welcome 🎉 to the Paint App project! 🖌️ This exciting and interactive 🕹️ paint application is built 🛠️ using ReactJS ⚛️. Just like MS-Paint 🖼️, it lets you draw 🖍️ on a canvas 🖼️ with customizable 🛠️ brush colors 🎨, widths 📏, and opacity 🌈. Let's dive in and create some art! 🎨🖼️

css front-end-development functional-components html html-canvas javascript javascript-es6 learning-reactjs paint-app react-hooks reactjs reactjs-developer web-development

Last synced: 21 Feb 2026

https://github.com/lukechu10/yew-functional-todomvc

TodoMVC implementation in yew.rs using yew-functional API.

functional-components hooks todomvc yew

Last synced: 27 Mar 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: 29 Apr 2026

https://github.com/asim-2000/githunt

😱 Hunt the most starred projects on GitHub using GitHunt built using React with Chakra-UI

chakra-ui functional-components react react-router

Last synced: 15 Apr 2026

https://github.com/pesala-x/react-crash-course

This project covers the fundamentals of React and serves as a comprehensive React crash course. It provides valuable insights and examples to help junior developers get started with React. Ideal for beginners looking to build a strong foundation in React development.

development functional-components javascript props react react-framework state-management typescript useeffect vite

Last synced: 06 Feb 2026

https://github.com/marleydip/react-todo-app-redux-toolkit-tailwind-css

A powerful ToDo app with a progress bar, total task count, active/completed task tracking, filters (All, Active, Completed), and full CRUD functionality including bulk complete and clear.

conditional-rendering functional-components jsx lists map-array-method react-redux-toolkit tailwind-css ternary-operator usestate-hook

Last synced: 06 May 2026

https://github.com/jonasmarco/dogs

Dogs é um projeto realizado durante o curso de React Completo do professor André Rafael do Origamid.

cssmodules events functional-components hooks properties props proptypes reactjs reactrouter usecontext

Last synced: 06 Jan 2026

https://github.com/alexander784/mboka

This is a job search website built using React and Tailwind CSS. It allows users to search for job listings based on various criteria such as job title, location, and company

functional-components reactjs tailwindcss

Last synced: 11 Apr 2026

https://github.com/sonjoydatta/all-about-form

Form handle events, validate, set values, get values, set message, reset values and errors after submit using a useFrom hook!!

alert-messages form-validation functional-components hooks reactjs

Last synced: 11 May 2026

https://github.com/marleydip/react-quiz-app-redux-toolkit-tailwind-css

Features include a guided start screen, timed questions, real-time answer feedback with explanations, and a sleek results page showing your score, time taken, and correct/wrong answers..

actions conditional-rendering configurestore createslice functional-components keys lists map-array-method provider reducer redux-toolkit tailwind-css ternary-operator usestate-hook

Last synced: 07 May 2026

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: 19 Apr 2026

https://github.com/marleydip/react-modern-real-estate-app-context-api-tailwind-css

A modern real estate web app with property browsing, search & filters, detailed listings, favorites, contact forms, and an admin dashboard for managing properties and analytics.

arrow-functions clerk-authentication functional-components javascript-array-methods prebuilt-ui props-children react-router-dom swiper-slider

Last synced: 05 Sep 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: 14 Apr 2026

https://github.com/marleydip/react-multi-step-registration-form-context-api-tailwind-css

Features include input validation, a progress bar, preferences, and reviews. It collects user data in two sections: Personal & Contact Information and is easily extendable.

conditional-rendering context-api functional-components map-array-method tailwind-css ternary-operator

Last synced: 18 May 2026

https://github.com/ahmadrezamozaffary/react-food-order

A simple food order website using React JS to wrap up all of the core concepts of react wich are mentioned in the topics section below 🏅

ajax-request context create-react-app firebase functional-components props react-portals reactdom reacthooks reactjs useeffect usereducer useref virtual-dom

Last synced: 09 Apr 2026

https://github.com/supernovasatsangi23/food-order-react-app

This is the amazon version of food. This react.js project is a webapp that enable users to order food online. The users can store their orders in a cart and order from there and see the amounts of dishes available and the quantities. This app has all the functionalities behavior, major and minor that an amazon website has.

application create-react-app css-modules css3 food-app food-ordering food-products functional-components html5 jsx jsx-syntax npm react react-hooks reactjs webapp

Last synced: 14 Apr 2026

https://github.com/jesuisstan/contactbookfullstackapp

The objective of this project is to create a contact directory that will be a simple CRUD.

css express functional-components hooks html javascript material-ui mongodb mui react reactjs tsx typescript

Last synced: 15 Apr 2026

https://github.com/marleydip/react-invoice-generator-app-redux-toolkit-tailwind-css

A modern invoice generator to add, edit, delete, filter invoices, and generate professional PDFs with a clean React, Tailwind, Redux Toolkit setup.

conditional-rendering functional-components headlessui-react javascript lists-keys props-and-state-components redux-toolkit tailwind-css ternary-operator

Last synced: 12 Aug 2025

https://github.com/ephect-io/framework

Effective PHP

functional-components php

Last synced: 01 Mar 2026

https://github.com/marleydip/react-ecommerce-context-api-tailwind-css

E-commerce app built with React & Tailwind CSS featuring product carousel, pagination, cart management with Context API, local storage, and Clerk authentication.

arrow-functions clerk-auth conditional-rendering context-api functional-components javascript-array-methods javascript-object-methods lists-keys local-storage pagination react-slick ternary-operator

Last synced: 21 Aug 2025

https://github.com/marleydip/react-contact-form-tailwind-css

Responsive React contact form with validation for email, phone, and required fields, logging submitted data to the console.

conditional-rendering functional-components javascript-array-methods javascript-object-methods lists-and-keys ternary-operator

Last synced: 21 Aug 2025

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/chernyaevaia/hackathon-memory-game

cards memory game for hackathon 2023: choose field size, turns number, set timer and enjoy the game! built with ReactJS, css-modules and html

css-grid css-modules functional-components hooks javascript memory-game react react-portal vercel-deployment vite

Last synced: 12 May 2025

https://github.com/noyzys/fp-practice

* Basic functional programming concepts

concepts fp functional-components functional-programming functor monad

Last synced: 02 Mar 2025

https://github.com/aquariuslt/react-disqus-components

react-disqus-components wrapper for official disqus web api

disqus functional-components react

Last synced: 13 Apr 2025

https://github.com/yeojz/react-unhook

React hooks without hooks - a collection of hook-like Null Components

functional-components react react-hooks

Last synced: 30 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/supernovasatsangi23/advanced-user-authentication-react-app

This is a react.js project that focuses on implementing user authentication system using react hooks. The functionality includes basic login, logout and password-changing while hiding profile-page if logged out.

application authentication create-react-app css-modules css3 functional-components html5 jsx jsx-syntax npm react react-hooks reactjs user-interface webapp

Last synced: 11 Apr 2026

https://github.com/sanjuchilukuri/todo-app-main

A Todo App to practice States&Props, Redux, Redux Toolkit, RTA Query

functional-components react redux redux-toolkit rtk-query

Last synced: 29 Apr 2026

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

Todolist app will store new task, delete a task and also updating completed task. I have used React.Js v17.0. I also used both Class and Functional component

es6-javascript functional-components gitflow githubflow hooks react reactjs

Last synced: 29 Apr 2026

https://github.com/reachvivek/keeper

A simple react app to keep yourself organized with brief notes (akin to Google Keep)

array-map crud destructuring filtering functional-components hooks objects reactjs usestate

Last synced: 04 May 2026

https://github.com/remy349/frontend-mentor-challenges-reactjs

This is a small section of the Frontend Mentor site built with ReactJS

functional-components javascript reactjs scss

Last synced: 07 May 2026

https://github.com/aanchalm691/tasty-takeaway

Tasty Takeaway is a simple React-based food listing app showcasing top restaurants.

frontend-project functional-components hoo jsx react reactjs reactlearning

Last synced: 09 May 2026

https://github.com/bdmostafa/react-notes

React Notes Application in which all basic topics are covered such as class based components, functional component, States, Context API, useEffect, Hooks etc.

context-api front-end-development functional-components hooks-api-react javascript json-api react react-router react-router-dom reactjs

Last synced: 10 May 2026

https://github.com/dragos-tudor/frontend-rendering

Rewritten React core library [functional principles].

functional functional-components functional-programming react rendering-engine

Last synced: 10 May 2026

https://github.com/alexhiriavenko/react-ts-search-and-form

React App. Class and Func components (see according branch). Search. Forms. TypeScript. ESLint and Prettier.

class-components context-api functional-components husky prettier-eslint ractjs redux-toolkit router-dom testing typescript vite

Last synced: 15 May 2026

https://github.com/sricharankrishnan/react-html5-bg-video

A reactjs component designed to help display background HTML5 videos on your webpages with local component level state management for updates.

background-video functional-components html5-video react-component react-memo useeffect-hook usestate-hook

Last synced: 16 Jun 2025

https://github.com/khaledashrafh/petpal-simulation

The PetPal Simulation is a console-based application that simulates the experience of adopting and taking care of a pet. Users can adopt a pet, feed it, play with it, and check its status. The game tracks the pet's hunger and happiness levels, and it ends if these levels drop to critical values.

adoption feed functional-components functional-programming game gamedev gaming-software pets simulation simulator solidity toys troubleshooting

Last synced: 28 Apr 2026

https://github.com/jvaclavik/mobx-react-lite-with-mobx-state-tree

Basic demonstration of React app based on mobx-react-lite, mobx-state-tree and typescript

functional-components mobx mobx-react mobx-react-lite mobx-state-tree react typescript

Last synced: 16 May 2026

https://github.com/remy349/faq-accordion-card

This is an extremely common front-end pattern

design functional-components reactjs scss

Last synced: 18 Apr 2026

https://github.com/ameya-6964/simple-tweet-app

Very Basic React App Which Allows You To Add And Delete Tweets

functional-components react-hooks reactjs usestate

Last synced: 17 May 2026

https://github.com/junaidhassan19/leetcode-dailyquestions

This repository contains my solutions to LeetCode Daily Questions, implemented in JavaScript. Each solution is organized by date and problem name for easy reference.

advanced-programming functional-components functional-reactive-programming functions javascript loop-closure loops typesoffunctions

Last synced: 23 Jun 2025

https://github.com/webmaeistro/houseloan-calc

This is a offline capable serviceWorker react-script experiment. Just a Proof of Competancy and a self-evaluation. :) happy camper here! woho :D vindication to whom it may concern ;)

calculator-application functional-components house-loan-caculator react react-life-cycle reacthooks state-management useeffect usestate

Last synced: 18 May 2026

https://github.com/supernovasatsangi23/expense-tracker-react-app

This is a react.js app that keeps a track of expenses. It is a to-do app version of expenses. With graphs for visualization, it makes it easier for the user to have a big picture of their expense and it can track expenses in a wide range of date. The expense should have a title, amount and date. The list of expenses can be filtered as well.

application create-react-app css-modules css3 expense-tracker functional-components functionalcomponents html5 jsx jsx-syntax npm react-components react-hooks reactjs todo todo-app tracker webapp website-development

Last synced: 07 Apr 2026

https://github.com/prajun7/basic-reactjs

REACT Cheatsheet for me to use in the future. I am creating a simple todo and counter application.

functional-components react-hooks reactjs

Last synced: 12 Apr 2026

https://github.com/shitu13/react-projects

This repository contains a collection of React projects aimed at demonstrating the versatility and power of the React library. Each project showcases different aspects of React development, from basic component creation to advanced state management and API integration.

functional-components react-api-hooks react-components react-hooks react-query react-redux

Last synced: 26 Jun 2025

https://github.com/thisura97/react-kt

kt content based on react and related tech stacks

class-components components functional-components jsx react reactjs states-and-props

Last synced: 19 May 2026

https://github.com/supernovasatsangi23/user-authentication-react-app

This is react.js app project that focuses on exploring the basics of user authentication implementation using varous react-hooks.

application authentication create-react-app css css-modules css3 functional-components html5 jsx jsx-syntax npm react react-hooks reactjs user-interface webapp

Last synced: 08 Apr 2026

https://github.com/ranjeet2311/keeper-app

Inspired by google keep App, Adds to do with Title and note, delete button deletes note, entering username adds name to use

controlled-components filter functional-components map material-ui react

Last synced: 20 May 2026

https://github.com/reddy-epk/even-odd-number-finder2

An extended part of Even-Odd finder, used functional component rather then class component.

class-components-and-state even-odd-finder functional-components react

Last synced: 23 Jul 2025

https://github.com/dragos-tudor/frontend-states

Rewritten React redux library [functional principles].

functional functional-components functional-programming react-redux redux states

Last synced: 20 May 2026

https://github.com/nasirkhan294/corona-tracker

This is a React-based application that tracks the latest data on the COVID-19 pandemic. It provides real-time updates on the number of cases, deaths, and recoveries worldwide, as well as country-specific statistics.

functional-components npm-package reactjs restful-api

Last synced: 15 Apr 2026

https://github.com/dragos-tudor/frontend-routing

Rewritten React router library [functional principles].

functional functional-components functional-programming react-router router

Last synced: 24 Apr 2026

https://github.com/shivamchawda/random-user-generator

A React App Which Will Generate Some Random Users Along With Their Photos And Some Other User Details On Every Single Click Using RandomUser API

api axios-react bootstrap functional-components random-user-generator-api reactjs

Last synced: 20 Apr 2026

https://github.com/nasirkhan294/movie-browser

This repository contains a professional-grade Movie Browser application built using React, providing users with an immersive and seamless experience while browsing their favorite movies.

functional-components react-props react-router react-states reactjs restful-api

Last synced: 11 May 2026

https://github.com/tobysmith568/hook-adapter

A lightweight adapter pattern for using React hooks in class components.

adapter class-components functional-components hook hooks react

Last synced: 03 Aug 2025