95 Repositories
JavaScript directus-hooks Libraries
This project is for hacktoberfest to encourage new developer and open source developers to contribute to open source and improve skills which require debugging, write testable code, industry standards, problem solving and many more,
🚀 Blog project for hacktoberfest In this repository, you can find issues related to a blog project that is built on top of Next.js. The project is a
Kittos is NFT Marketplace built with Next Js, Hardhat, Solidity, Arweave + Bundlr Client and All The CSS Magic with TailwindCSS. 😺
Kittos NFT Marketplace 😺 Built with Next Js, Hardhat, Solidity, Arweave, Bundlr and Tailwind CSS. Functionalities New Listed Assets Mint NFT Buy NFT
🟢 Music player app with a modern homepage, fully-fledged music player, search, lyrics, song exploration features, search, popular music around you, worldwide top charts, and much more.
Music-player-app see the project here. 1. Key Features 2. Technologies I've used Key Features: 🟢 Fully responsive clean UI. 🟢 Entirely mobile respo
Custom operation to backup the PG database and upload the .dump to Directus.
Directus Backup Operation Custom Directus operation to backup Postgres database using pg_dump and upload the .dump file into Directus storage. Prerequ
Livepeer for JS 🧰
livepeer.js Features 📺 Player for video/audio with built-in HLS support, accessibility, keyboard shortcuts, and customizable controls 🪝 React hooks
A site where you can watch Naruto. Inspired by Netflix.
A Mini Netflix clone built with Solid.js, Astro and deployed on Netlify. 😄 I'm using Directus as a headless CMS here, though, I'm using the free vers
Custom endpoint to backup the PG database and upload the `.dump` to Directus.
Directus Backup Endpoint Custom Directus endpoint to backup Postgres database using pg_dump and upload the .dump file into Directus files. Usage Clone
An eCommerce website that allows you to sign in and create an account and buy products and pay using PayPal and includes a dashboard that allows you to (add, update, and remove) a product...
An eCommerce website that allows you to sign in and create an account and buy products and pay using PayPal and includes a dashboard that allows you to (add, update, and remove) a product...
An extension to get randomized results from directus.
Directus Extension Randomized Results As the name suggests this extension will enable Randomized results mirroring the Directus /items/:collection end
Fast, tiny and solid hooks system for Javascript and Node.js
Uncino 🪝 Fast, tiny and solid hooks system for Javascript and NodeJS Uncino is italian word for hook Do you know Wordpress hooks system? Uncino is a
A trpc-ified useReducer hook. ⚡
trpc-reducer A trpc-ified react useReducer hook that lets you perform state logic in reducers just like React's useReducer hook When you dispatch an a
📢 Easily get notified when something in Directus happens.
Directus LogSnag 📢 Get notified when something in Directus happens. What is LogSnag? LogSnag is a simple event tracking tool. It helps you keep track
DisneyPlus-Clone (with Redux)
Disney+ Clone A Disney+ Clone that you can sign in with your Google Account. Click demo to try it by yourself! Disney+ Clone Demo Link You can view th
The official Directus SDK for use in JavaScript!
Directus JS SDK Installation npm install @directus/sdk Basic Usage import { Directus } from '@directus/sdk'; const directus = new Directus('http://d
wagmi hooks 🤝 Storybook interaction testing
A quick demonstration of how Storybook decorators can be combined with a mocked wagmi client to facilitate automated interaction testing for web3-enab
👇 Bread n butter utility for component-tied mouse/touch gestures in Solid.
solid-gesture solid-gesture is a port of @use-gesture/react which lets you bind richer mouse and touch events to any component or view. With the data
An extension of DOM-testing-library to provide hooks into the shadow dom
Why? Currently, DOM-testing-library does not support checking shadow roots for elements. This can be troublesome when you're looking for something wit
Extends Express.js with response hooks
Express Response Hooks Extend Express.js with response hooks, primarily aimed to manipulate the response before being sent to the client. Installation
This repo is for educational and demonstration purposes only, this project is to demonstrate usage of apollo/client and github API and firebase.
Gissues Gissues is a web application that allows you to search for issues in GitHub. It is built for new developers who want to learn more about GitHu
A npm package to increase the developer experience and consistency by providing a set of hooks that can be opted-in the development lifecycle.
@jeliasson/husky-hooks This npm package aims to increase the developer experience and consistency by providing a set of hooks that can be opted-in the
Web app to search,get, watch animes (built with Nextjs, Tailwind)
Animeinfo An anime discovery, made with NextJs and TailwindCSS. Please deploy your own version of the site, by following the instructions. Please foll
A library of RxJS-related hooks
rxooks GADZOOKS! RXOOKS! (Basically every other iteration of "rxjs", "rx", "react", and "hooks" was taken) This is a library of hooks that are useful
React-play is an opensource platform that helps you learn ReactJS faster with hands-on practice model
react-play is an opensource web app that helps you learn ReactJS faster with hands-on practice model. It is a collection of ReactJS projects that you can use to learn ReactJS.
tRPC-ified SWR hooks
trpc-swr tRPC-ified SWR hooks Installation npm install trpc-swr @trpc/client Usage First, create your fully typed hooks using your router type: // trp
A simple pomodoro app for web ⚡
Pomodoro Web Este é o repositório com o código fonte do projeto Pomodoro Web. Este é um projeto open source então fique a vontade para contribuir ou f
Fresko - A configurable cli that keeps your project deps fresh
🍇 Fresko (fresh in Basque) A configurable cli that keeps your project deps fresh Why? Have you ever pulled someone else's code into your local enviro
A custom react hook to use a dialogs easily.
dialog-hook The dialog-hook is a custom react hook to use a dialog easily. First of all it is necessary to install the package in your project some co
🚀 Transition number values using easing functions
react-transition-value Transition / Animate number values using easing functions See Demos ⚡️ Getting started npm i react-transition-value import {
🏦 Defi Bank is a dapp created for ethereum 101 course of cadena.dev
Welcome to DefiBank 👋 Defi Bank is a dapp created for ethereum 101 course of cadena.dev ✨ Demo Install npm install Usage npm run dev Tech NextJS Reac
📋 useClipboardApi() is a React Hook that consumes Web Clipboard API.
📋 use-clipboard-api useClipboardApi() is a React Hook that consumes Web Clipboard API. Table of Contents Motivation Usage Contributing Bugs and Suges
Directus dataprovider package for refine.
refine-directus Directus dataprovider package for refine. About refine offers lots of out-of-the box functionality for rapid development, without comp
Mirrors the functionality of Apollo client's useQuery hook, but with a "query" being any async function rather than GQL statement.
useAsyncQuery Mirrors the functionality of Apollo client's useQuery hook, but with a "query" being any async function rather than GQL statement. Usage
Check your device when you have anything to change on your PC or mobile.
opgg-use-device-detector Check your device when you have anything to change on your PC or mobile. ❤️ it? ⭐️ it on GitHub opgg-use-device-detector basi
Wen? Now! A library to simplify your Web3 data fetching.
Wen Connect? Now! Minimalistic library for Web3 user interfaces. Seamless connection flows to Metamask. Stateless sessions that work anywhere (client,
Mini Social Media App with a liitle bit of facebook components (Still Developing)
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Easily connect your Nuxt3 application to your directus server. 🐰
nuxt-directus Directus Module for Nuxt 3 ✨ Release Notes 📖 Read the documentation Features Nuxt3 ready Handle authentication RESTful methods TypeScri
A multi-tag input for sanity studio.
sanity-plugin-tags A multi-tag input for sanity studio. Fully featured with autocomplete capabilities, live updates, predefined tag options, style and
Boilerplate and Starter for Next JS 12+
Boilerplate and Starter for Next JS 12+ 🚀 Made with developer experience first: How to Use npx create-next-app --example https://github.com/Strapazz
Medium.com (Redesign with Next.js & Tailwindcss)
Medium.com (Redesign with Next.js & Tailwindcss) It is a redesign of the popular blogging website Medium.com. It is designed with React and Tailwindcs
This web application retrieves real live data from the Financial modeling prep API
This web application retrieves real live data from the Financial modeling prep API. It provides financial information about companies listed on Nasdaq 100 and Dow Jones Market indexes. All these companies are listed on the Home page. Users can filter these companies by searching for a specific company or by choosing one from the dropdown.
Next Boilerplate was created to be a template for starting NextJS projects with pre-configured settings like Linters, Test Setup, Storybook and Commit Hooks.
Next Boilerplate was created to be a template for starting NextJS projects with pre-configured settings like Linters, Test Setup, Storybook and Commit Hooks.
Our project for The Microsoft Azure Trial Hackathon on Dev.to
Moodflix your mood, our suggestions. 🎯 About Overview of our project We have started this project with the purpose of participating to the Microsoft
Directus Hook Extension: Version Control Changelog
A Directus hook extension to push user written change summaries (from a singleton collection text field) to a changelog in a VCS server
A simple Todo-List app created using React
TodoLst-UsingReact This is a simple Todo-List app created using React, it performs operations like, allowing users to input list of todos, edit a todo
Web application that consumes an API to provide an complete experience of an recipes app
Project: Recipes App Project developed studying in Trybe. Technologies and tools used React React Hooks Context API SCRUM / Kanban Project objective T
Small (0.5 Kb) react hook for getting media breakpoints state info in runtime
tiny-use-media Small (0.5 Kb) react hook for getting media breakpoints state info in runtime Usage npm i tiny-use-media --save Adn in your react code
Solid hooks for Firebase v9.
solid-firebase Solid hooks for Firebase. Quick start Install it: yarn add firebase solid-firebase Configure firebase app: import { render } from 'soli
Este projeto é um boilerplate completo, constantemente atualizado, configurado nos mínimos detalhes para servir de base para projetos profissionais do mais alto nível.
Boilerplate Completo e atualizado com Next.js, Typescript Styled-Components, Testes, Redux Toolkit e PWA 📝 Sobre o Projeto Este projeto é um boilerpl
Calculadora feita em React.JS utilizando Hooks como useReducer.
Calculadora Descrição Essa é uma calculadora feita em React utilizando Hooks como useReducer A sua origem vem do vídeo "The Perfect Beginner React Pro
React components and hooks for creating VR/AR applications with @react-three/fiber
@react-three/xr React components and hooks for creating VR/AR applications with @react-three/fiber npm install @react-three/xr These demos are real,
React.js Login, Logout, Registration example with JWT and HttpOnly Cookie
React Login and Registration example with JWT and HttpOnly cookie For more detail, please visit: React Login and Registration example with JWT and Htt
Single Page Application with React, React Router, PostCSS, Webpack, Docker and Docker Compose.
spa-store Single Page Application with React, React Router, PostCSS, Webpack, Docker and Docker Compose. Contributing Feedback Roadmap Releases Check
Effect hooks that support ref.current dependency
use-ref-deps-effect Effect hooks that support "ref.current" dependency Install npm i use-ref-deps-effect Example import { useRefDepsEffect } from 'use
preact.js with hooks and ES2021, without compilers
naked preact preact.js with hooks, without compilers Web development should be simple. No compilers, just ES2021 and preact+hooks. See comments in the
The Tesla Clone built in React Native FrameWork
Tesla Clone The Tesla Clone built in React Native FrameWork Features Flat Infinite Scroll List View with animations. Design is responsive to different
Add multiplayer presence (live cursors/avatars) to your react application using yjs and hooks
y-presence Easy way to add presence (live cursors/avatars) to any react application using react hooks. Installation yarn add y-presence # or npm i y-p
React hook library, ready to use, written in Typescript.
usehooks-ts React hook library, ready to use, written in Typescript. npm i usehooks-ts Created by Julien Caron and maintained with ❤️ by an amazing te
Simply Netflix clone using ReactJS. It fetches the data from TMDB API
NETFLIX CLONE This project is a simply front end clone of Netflix. It was created with React. It uses The MovieDB Api to search for movies and display
graphql-codegen plugin to generate type-safe, easy-to use hooks for Flutter
graphql-codegen-flutter-artemis-hooks This is graphql-codegen plugin to generate type-safe, easy-to use Flutter artemis hooks. For further detail, see
Netflix clone app with React.js and Redux
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
Atomico simplifies learning, workflow and maintenance when creating webcomponents. Scalable and reusable interfaces: with Atomico the code is simpler
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
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
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
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
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
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
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 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
Serverless boilerplate CLI tool: GitLab and GitHub CI/CD, DataDog, Multi-Region, and many more setups.
Serverless Full Boilerplate This is a CLI tool to create Serverless boilerplate applications. Ready to deploy in a few seconds. Usage npm i -g create-
Hooks lifecycle (II), routing with RRD v6, Context API
day-2 Hooks lifecycle (II), routing with RRD v6, Context API Hooks lifecycle Es posible asociar un efecto a cada una de las fases del ciclo de vida de
Built a covid-19 trcaker app using React.js implementing hooks and materail UI
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap
Redux-Toolkit CRUD example with React Hooks, Axios & Web API Build Redux-Toolkit CRUD application with React Hooks and Rest API calls in that: Each it
Drop-in replacements for @apollo/client's useQuery, useMutation and useSubscription hooks with reduced overhead and additional functionality.
apollo-augmented-hooks Drop-in replacements for @apollo/client's useQuery, useMutation and useSubscription hooks with reduced overhead and additional
A shopping mobile application made with react native for Android.
Shop App Description This project is a simplified implementation of a shopping system, the project aims to provide the basic features that are expecte
Starter Antd 4.0 Admin App Mern( Node.js / React / Redux / Ant Design ) Crud & Auth , Dashboard
Starter Antd Admin (Crud & auth) Mern App (Express.js / React / Redux / MongoDB) App built for DigitalOcean MongoDB Hackathon CRM Starter Mern Antd Ad
Burger builder project using React, Hooks and Context API.
Burger Builder In this project, I made a context-api project by creating hamburgers with 3 different materials. Project setup npm install Project star
Fully typed hooks and utility functions for the React Native StyleSheet API
react-native-style-utilities Fully typed hooks and utility functions for the React Native StyleSheet API npm i react-native-style-utilities ESLint Set
A JavaScript library for binding keyboard combos without the pain of key codes and key combo conflicts.
KeyboardJS KeyboardJS is a library for use in the browser (node.js compatible). It Allows developers to easily setup key bindings. Use key combos to s
This is a facebook messenger clone.You can comminicate to other at realtime
🟡 facebook-messenger This is a facebook messenger clone.You can comminicate to other at realtime 💬 ⚡ LIVE To check out the live demo of this app ABO
An extension to Async adding better handling of mixed Series / Parallel tasks via object chaining
async-chainable Flow control for NodeJS applications. This builds on the foundations of the Async library while adding better handling of mixed Series
A React component to view a PDF document
React PDF viewer A React component to view a PDF document. It's written in TypeScript, and powered by React hooks completely. // Core viewer import {
Yet another JS code coverage tool that computes statement, line, function and branch coverage with module loader hooks to transparently add coverage when running tests. Supports all JS coverage use cases including unit tests, server side functional tests and browser tests. Built for scale.
Istanbul - a JS code coverage tool written in JS Deprecation Notice: this version of istanbul is deprecated, we will not be landing pull requests or r
Modern native Git hooks made easy 🐶 woof!
husky Modern native Git hooks made easy Husky improves your commits and more 🐶 woof! Install npm install husky -D Usage Edit package.json prepare
DOMPurify - a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. DOMPurify works with a secure default, but offers a lot of configurability and hooks. Demo:
DOMPurify DOMPurify is a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. It's also very simple to use and get started with
⚛️ Hooks for fetching, caching and updating asynchronous data in React
Hooks for fetching, caching and updating asynchronous data in React Enjoy this library? Try the entire TanStack! React Table, React Form, React Charts
React Hooks library for remote data fetching
Introduction swr.vercel.app SWR is a React Hooks library for remote data fetching. The name “SWR” is derived from stale-while-revalidate, a cache inva
A JavaScript library for binding keyboard combos without the pain of key codes and key combo conflicts.
KeyboardJS KeyboardJS is a library for use in the browser (node.js compatible). It Allows developers to easily setup key bindings. Use key combos to s
⚛️ Hooks for building fast and extendable tables and datagrids for React
Hooks for building lightweight, fast and extendable datagrids for React Enjoy this library? Try them all! React Query, React Form, React Charts Visit
React Hooks library for remote data fetching
Introduction swr.vercel.app SWR is a React Hooks library for remote data fetching. The name “SWR” is derived from stale-while-revalidate, a cache inva
⚛️ Hooks for fetching, caching and updating asynchronous data in React
Hooks for fetching, caching and updating asynchronous data in React Enjoy this library? Try the entire TanStack! React Table, React Form, React Charts
📋 React Hooks for forms validation (Web + React Native)
English | 繁中 | 简中 | 日本語 | 한국어 | Français | Italiano | Português | Español | Русский | Deutsch | Türkçe Features Built with performance and DX in mind
React Hooks — 👍
Collaborative editing for your app. Support on Kickstarter! 👍 react-use Collection of essential React Hooks. Port of libreact. Translations: 🇨🇳 汉语
Build forms in React, without the tears 😭
Build forms in React, without the tears. Visit https://formik.org to get started with Formik. Organizations and projects using Formik List of organiza