1271 Repositories
JavaScript react Libraries
Minimal Typescript / NextJS dApp template bootstrapped with wagmi Ethereum react hooks library.
Welcome to the NextJS wagmi starter template 👋 Looking to get up and running with a Typescript / NextJS dApp as quickly as possible? You're in the ri
A react native component that lets you build a dynamic expandable chips list.
React Native Expandable Chips List A react native component that lets you build a dynamic expandable chips list. Installation Run npm install react-na
Reusable way to create smooth tab highlights.
useTabs Reusable way to create smooth tab highlights. Installation Install my-project with npm npm install @olivieralexander/usetabs Usage/Examples
This Project is made with HTML5, CSS3, ReactJS, Axios, MetaMask, thirdweb, Rinkeby Test Network, Web 3.0 Technologies, and OpenSea API.
Abstract Collections This Project is made with HTML5, CSS3, ReactJS, Axios, MetaMask, thirdweb, Rinkeby Test Network, Web 3.0 Technologies, and OpenSe
Using Cypress with Vite, React, TypeScript, MSW and react-query
Vie + Cypress + MSW + react-query Demo Example of using Cypress with Vite, MSW and react-query. Uses the appReady pattern to signal to Cypress when th
A React Native starter template project with built-in navigation & redux toolkit.
react-native-template A React Native starter template project with built-in navigation & redux toolkit. What's included? @react-native-async-storage/a
Plock is a responsive masonry layout implementation for React. Very simple to use and easy to understand.
About Plock 🌈 Plock is a responsive masonry layout implementation for React. Very simple to use and easy to understand. Can I see a demo? 👀 The demo
This is a code repository for the corresponding video tutorial. In this video, we're going to build a Modern UI/UX Restaurant Landing Page Website
Restaurant Landing Page Live Site Stay up to date with new projects New major projects coming soon, subscribe to the mailing list to stay up to date h
This is made for those who are learning react and are tired of doing create-react-app and having to delete those unused files
Easy React Pack (ERP) This is made for those who are learning react and are tired of doing create-react-app and having to delete those unused files. H
During work. Second team project created during CodersCamp 2021/2022 by a 6-person team.
BoardMap Status: Work in progress. Work on the project started on 10-01-2021. Our Crew Mentor: Piotr Rynio Agnieszka Przybyłowska Patryk Święcicki Rad
React Firebase Material-UI insta reels app
React Firebase Material-UI insta reels app Website link : here P.S :- Open the website in laptop or desktop browsers This website is made for my learn
Minimal Phaser3 + Create React App template
Phaser 3 + Create React App template This project was bootstrapped with Create React App. What's included? - Check the preview Phaser 3 - overlaid can
Select creates a dropdown list of items with the selected item in closed view.
Native Base Select 🔽 This module includes a customizable multi-select and a single select component for Native Base. The package is both Android and
A project implementing a datepicker with format dd/MM/yyyy from scratch.
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
Super tiny color input ranges for React.
react-color-range · Tiny color input for React, made with native input ranges. react-color-range leverages the native input type="range" and CSS linea
Todo App is a single page application for listing tasks
Todo App is a single page application for listing tasks. These tasks that are stored in the local storage can be marked as completed, edited and deleted. It is built using React, Bootstrap and CSS.
Frontend of Inhyped.com written in TypeScript and rewritten in ReScript
From TypeScript To Rescript This is an example of Inhyped frontend codebase initially written in TypeScript and then fully rewritten in ReScript. It's
Web UI to create powerful voice applications with Fonoster's API.
Fonoster — Web UI Web UI to create powerful voice applications with Fonoster's API Technical details Environment Deployed version Link Development v0.
🚀 A web extension starter built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome, Mozilla Firefox, Microsoft Edge, Brave, and Opera..
Web Extension Starter A web extension starter, built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome
💶 The package allows you accept payment using Lazerpay in your react native mobile app ⚡️
Lazerpay Official react-native sdk Lazerpay SDK allows you accept payments easily in your react-native application Installation npm install lazerpay-r
React.js todo app with authorization, Testing: Cypress(e2e), UI (Chakra UI), Eslint, prettier, git hooks
React TypeScript template with Vite This is a React + TypeScript boilerplate built with Vite. What's inside? ReactJS Vite TypeScript Jest Testing Libr
This simple tic-tac-toe game is created by following the react documentation. and there's some modifications on it.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Rede social baseada no ShareMe para compartilhamento e download de fotos em React,Sanity.io e TailWindCSS
Photophan 📄 Descrição phothopan é uma rede social para o compartilhamento e download de imagens,foi desenvolvida utilizando React(Frontend),Sanity(Ba
Curso na plataforma Udemy. Nome do curso: React Completo do básico ao avançado
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
A custom ESLint rule to allow static deps in React Hooks ⚛️
eslint-plugin-react-hooks-static-deps A custom ESLint rule to allow static deps in React Hooks ⚛️ Motivation react-hooks/exhaustive-deps is a really n
A useful list of must-watch talks about JavaScript
Must-Watch JavaScript This is a collection of well-received talks about JavaScript, covering topics such as ES6/ES2015, JavaScript frameworks, client-
List of 1000 JavaScript Interview Questions
JavaScript Interview Questions & Answers Click ⭐ if you like the project. Pull Requests are highly appreciated. Follow me @SudheerJonna for technical
📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2021)
👇 Why this guide can take your testing skills to the next level 📗 46+ best practices: Super-comprehensive and exhaustive This is a guide for JavaScr
🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.
JavaScript Stack from Scratch Welcome to my modern JavaScript stack tutorial: JavaScript Stack from Scratch. 🎉 This is the V2 of the tutorial, major
My first react project. This is a very simple to-do-list.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the
React components for Chart.js, the most popular charting library
react-chartjs-2 React components for Chart.js, the most popular charting library. Supports Chart.js v3 and v2. Quickstart • Docs • Slack • Stack Overf
a more intuitive way of defining private, public and common routes for react applications using react-router-dom v6
auth-react-router is a wrapper over react-router-dom v6 that provides a simple API for configuring public, private and common routes (React suspense r
This app helps you keep track of your expenses in months and years. Also, it shows a graph representing those expenses.
Expenses Tracker This app helps you keep track of your expenses in months and years. Also, it shows a graph representing those expenses. Built With Ma
Math Magicians is a website for performing basic maths calculations, This website is built using REACT and JavaScript libraries.
Math Magicians Math Magicians is a website for performing basic maths calculations, This website is built using REACT and JavaScript libraries. Screen
A react-leaflet & express app for visualizing the latest earthquake data from Kandilli Observatory
Earthquake Tracker Turkey A react-leaflet & express app for visualizing the latest earthquake data from Kandilli Observatory. Tech Stack Client: React
Simple and customizable React UI components.
poem-ui Simple and customizable React UI components. Some components use third-party plug-ins to improve the interaction. You can remove third-party p
A react and framer motion app to play some quizzes !
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya
Atropos - Stunning touch-friendly 3D parallax hover effects
Atropos Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects. Available for J
Finance-Tracker - A basic finance-tracker application built using Next.js, React Hooks and Context API
Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind
React-electron - dagimsolomon: minimalstic setup of Reactjs with electron
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
React-app - Building volume rendering web app with VTK.js,react & HTML Using datasets provided in vtk examples (head for surface rendering and chest for ray casting)
SBE306 Assignment 4 (VTK) data : Directory containing Head and Ankle datasets Description A 3D medical viewer built with vtk-js Team Team Name : team-
Web3-citizens-app - React application based on smart contract using web3 and MetaMask extention.
Citizens App (web3-react-redux) React application based on smart contract using web3 and MetaMask extention. Start the applicarion Recomend to install
Chrome-extension-react-boilerplate - Simple Chrome extension React boilerplate.
Simple Chrome extension React boilerplate This is a simple chrome extension boilerplate made in React to use as a default structure for your future pr
Secure-electron-template - The best way to build Electron apps with security in mind.
secure-electron-template A current electron app template with the most popular frameworks, designed and built with security in mind. (If you are curio
My-portfolio - Built with Namecheap, Digital Ocean, Nginx, PM2, SSL, NextJs, Tailwind 3, Graphql, NexusJS, Prisma, Postgres, Passion and Love
Current Implementation technologies Nextjs with Typescript. Static pages/ Server side rendering. Easy peasy state management (Might not need it with i
KochSnowFlake - implementation of Koch Snowflake with React+ TS
Koch Snowflake if you just want to play with it, follow, FOLLOW THIS LINK if you are curios about math of this project, FOLLOW THIS LINK installation
Twitter-client - client for twitter-clone
Twitter (Client-Side Rendering) Please star this repo if you like ⭐ It's motivates me a lot! Getting Started This project was bootstrapped with Create
NodeRPG - Turn-based RPG written in TypeScript along with Ink and React
NodeRPG Role-Playing Game inside the terminal with Ink and React! Running in your machine Requirements NodeJS TypeScript Yarn* Everything can be done
Codelandia-Challenge-2-JordanShoes - Desafio da comunidade da Codelândia, realizada com React e Typescript.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Vtexio-react-apps - Apps react para plafaforma VTEX.
Projeto Modal + Apps Extras Projeto modal setando cookies. Desenvolvido em React + TypeScript para aplicação em e-commerce VTEXIO. 🚨 Este projeto se
NetflixClone - Netflix clone with react , styled components and firebase with user authentication.........
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
IngredientRecipeFinder - Web app built with react using Edamam API to find any recipe for an ingredient search with nutrition filters (high protein, low carb,etc)
Ingredient Recipe Finder Web app This web app built with the use of Edamam API allows you to find any type of recipe for a specific ingredient you are
Hacker-news-with-react - 👾 Consuming the hacker news api, i created a more modern design for than the current site.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Blog-sercannaya - react-next-sass-graphql
Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind
React sce instagram clone
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya
Airbnb-React - In this project, An Airbnb experience page clone is created to learn and implement React props concepts.
Create React Airbnb App In this project An airbnb experience page clone is created to learn and implement React props concepts. Objectives Learn about
Github-ci-cd-react - I followed CI/CD course from codedamn to learn how to implement github actions in a project, in this practical lesson with codedamn am using ReactJS
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Auth-Form-Design - Beautiful Auth Form Designed using React 🥰.
🙋 Auth Form Design 🥳 Features 1. Check Your Password Strength 2. Can Use Suggested Password 3. Enjoy Responsive Design Getting Started with Create R
Tesodev-search-app - Personal Search App with React-Hooks
Tesodev-search-app Personal Search App with React-Hooks View on Heroku : [https://tesodev-staff-search-app.herokuapp.com/] Instructions Clone this rep
Look it is a web application developed with React JS and using Sanity
Look-it social media app Look it's a web application that consists in a social media app where users who have registered can share all kinds of photos
The Ripple Effect (An Ethereum-Based Fundraiser App)
The-Ripple-Effect---An-Ethereum-Based-Fundraiser-App - The Ripple Effect is a ethereum based fundraising app that can not only be used to donate to a specific cause but also to allocate/distribute funds with total transparency. The frontend has been made on ReactJS with the backend on Solidity with the help of Ganache.
Smart-face-detector - A face detector application made with React JS, Node JS, Express JS, and PostgreSQL.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
React-tutorial - A React tutorial from Udemy (Academind)
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Annotation-Wizard - a web-based image annotation platform that allows authors to create annotation tasks and annotators to take tasks and annotate images.
Annotation Wizard Annotation Wizard is a web-based image annotation platform. Functionalies User login and register create your own image annotation t
Twitter-Clone-Nextjs - Twitter Clone Built With React JS, Next JS, Recoil for State Management and Firebase as Backend
Twitter Clone This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn de
React-Mini-Projects - Simple React mini-applications
React Mini Projects A Fully Responsive React Application contain these mini apps : Todo App Movie App Budget App Flash Card App Factor App This app wa
Redux-todos - simple react, redux todos
Redux Todos Please star this repo if you like ⭐ It's motivates me a lot! Getting Started This project was bootstrapped with Create React App. Stack Av
An easy-to-use super customisable form validation library for React.
An easy-to-use super customisable form validation library for React. This library handles all of your form states using built in useReducer hook of react.
Online Inventory Control System for an apparel manufacturing company "CASANOVA" (Pvt) Ltd. Technology stack: Node.js, Express.js, MongoDB Atlas, React.js (MERN Stack).
Project Name - Online Inventory Control System for an apparel manufacturing company "CASANOVA". The project was given a "A" grade. Group Leader - IT20
Rollup + React + Babel + Prettier + Strict ESlint and Stylelint + Sass + VSCode + Playground app - Enterprise grade boilerplate
React package boilerplate by HackingBay Rollup + React 17 + Babel + Prettier + Strict ESlint and Stylelint + Sass + VSCode + Playground app - Enterpri
This is not my code, just trained with "From Scratch - Développement Web" youtube video
React-Countries-API DISCLAIMER FR : Ceci n'est pas mon code, je me suis juste entraîné à partir de la vidéo de From Scratch - Développement Web ! EN :
Basic Dapp showing how a React Dapp can connect to Cronos using MetaMask and Crypto.com Defi Wallet
cronos-dapp-basic Basic Dapp showing how a React Dapp can connect to Cronos using MetaMask and Crypto.com Defi Wallet You need to have node version 14
A hook based project created during 20-Dec week ReactJS workshop
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Challenge [Frontend Mentor] - In this challenge, JavaScript was used to filter jobs based on the selected categories. Technologies used: HTML5, CSS3 and React.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
This hook allows you to isolate and manage the state within the component, reducing rendering operations and keeping the source code concise.
React Hook Component State This hook allows you to isolate and manage the state within the component, reducing rendering operations and keeping the so
A weather app done with React. Allows you to make a search for the current weather by simply typing "common knowledge" cities and save them to favourites on local storage.
Simpliest Weather React-App A weather app done with React. Allows you to make a search for the current weather by simply typing "common knowledge" cit
Recipe providing mobile app, User selects ingredients in pantry and is then provided recipes for those ingredients. App contains a signup/login, meal planner and grocery list pages.
Recipog Student Information Name Connor de Bruyn Username Destiro Assignment SWEN325 A2 Description “Recipog” is a recipe providing app that allows th
Very simple full-stack application using React, Java Spring Boot, and PostgreSQL
Very simple full-stack application using React, Java Spring Boot, and PostgreSQL. The API was built following the N-Tier architecture. The goal was to explore and learn more in-depth the development of APIs, the use of Docker and deploying with AWS.
Todo-App with React-Context
View on Heroku : [https://todo-app-context.herokuapp.com/] Getting Started with Create React App This project was bootstrapped with Create React App.
Uma aplicação criada com react-native para armazenar as skills dos usuários cadastrados.
SkillsClass Aplicação focada no gerenciamento de skills dos usuários cadastrados. Uma aplicação desenvolvida no ignite da Rocketseat com alguns toques
React Hooks tutorial for beginners.
React Hooks for Beginners git clone url Clone into the repo code react-hooks Open the folder in VS Code npm install Install the dependencies npm sta
This Login Form made using React hooks , React Js , Css, Json. This form have 3 inputs, it also validate those inputs & it also having length limitations.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
A chat application created using React,js and Chat Engine
⭐️ Chat-App ⭐️ A Chat Application created using React.js and Chat Engine Live Site Getting Started with Create React App This project was bootstrapped
A highly impartial suite of React components that can be assembled by the consumer to create a carousel with almost no limits on DOM structure or CSS styles.
A highly impartial suite of React components that can be assembled by the consumer to create a carousel with almost no limits on DOM structure or CSS styles. If you're tired of fighting some other developer's CSS and DOM structure, this carousel is for you.
The CryptoVerse is a Cryptocurrency web application developed using Reactjs for providing the latest updates, value statistics, market cap, supply and news regarding the Cryptocurrency market.
CryptoVerse - A Crptocurrency Web Application Getting Started with Create React App This project was bootstrapped with Create React App. Available Scr
experimental project for babel-plugin-mutable-react-state
Goalist Mutable React Example This example is an attempt to work with babel-plugin-mutable-react-state on a simpler project to see how complicated wou
A simple project showing the usage of useState, useEffect and conditional rendering in React
Getting Started with Tour-sample React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can ru
A basic React/NextJS project showing how to use the Flow Client Library (FCL)
How to use the Flow Client Library (FCL) with SvelteKit Everything you need to build a SvelteKit project with the Flow Client Library (FCL). For a Sve
Buy or renew two-wheeler insurance online. Free Quotes from Top Insurers with Lowest Premiums in 20 Seconds
PolicyBazaar Clone This project was created using create-react-app and Json server How to run app Clone the app git clone url How to run backend npm
This is a Pokemon cards website. There are 800+ pokemon sprites with their name, moves height, weight, and picture
Hi 👋 , I'm Rayan Hossain A passionate Full Stack developer with expertise in WordPress 🔭 I’m currently working on codes_tips 📝 I regularly write ar
React/Express/Webpack Boilerplate
React Boilerplate The following repo contains a very basic setup git clone https://github.com/asieke/React-Express-Boilerplate.git cd React-Express-Bo
😂 Meme Generator using React & imgflip API
Welcome to Meme Generator 👋 😂 Meme Generator using React & imgflip API ✨ Video Installation Run yarn or npm install. Create an account here. Rename
👉 Built my first React JS project "ToDo" webapp using some Features and Icons from Material UI.
# Getting Started with Create React App This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). ## Avai
Bookstore CMS React Front-End to display a list of books, categorize it, add and remove books and update your reading progress
Bookstore REACT app to manage your books Build an app to display a list of books, categorize it, add and remove books and update your reading progress
Desafio [Frontend Mentor] - Projeto feito com o framework React que anuncia vagas de emprego e filtra com base nas categorias selecionadas.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Disney+ clone with React + Redux + Firebase auth and Firestore
Disney+ (Disney+ Clone) Test it out: Disney+ Disney+_720p.mov Description Beautiful Disney+ clone built with React.js and styled components. Managed R
Ejercicios de React de la comisión 22425 de CoderHouse
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya
React tooltip is a React.JS Component that brings usefull UX and UI information in selected elements of your website.
React Tooltip ✅ React tooltip is a React.JS Component that brings usefull UX and UI information in elements of your website. Installation ⌨️ React Too
React Calculator-App
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya