Authentication template with email and password, using Supabase and Quasar Framework for UI development

Auth app with Quasar Framework and Supabase (an open source Firebase alternative) Small auth project being built using Vue3, Supabase and Quasar framework, based on the application developed in the tutorial available on the Patrick Monteiro‘s channel. ... more

A Vue Converter App Convert Different Unit

converter Converter app convert different unit, The intent of this app is to provide a convenient means to convert between the various units of measurement within different systems. Project setup npm install Compiles and hot-reloads for development npm ... more

Wherechat - A chat application that allows users to find and meet each other through their location on the map

wherechat About the project Wherechat is a chat application that allows users to find and meet each other through their location on the map. This is the frontend of the application, the backend can found here. Built With Vue.js Vuex Google Maps API Socket.io ... more

A simple task tracker webpage which enables you to create goals for yourself and set a day and a reminder to them

Task Tracker It is a simple task tracker built with Vue JS. It enables you to create goals for yourself and set a day and a reminder to them. This project was inspired from Traversy Media Vue JS Crash Course 🙌🏽❤️ Preview Project setup git clone https://github.com/abdullahalshawafi/Task-Tracker.git ... more

Fast, minimal web editor that makes markdown editing collaborative and accessible to everyone

👨‍💻👩‍💻 LetsMarkdown.com Fast, minimal web editor that makes markdown editing collaborative and accessible to everyone. LetsMarkdown.com Motivation > I want to edit markdown files with my friends, but sending/resending files, changing viewing access, ... more

Typescript components for Shadow Drive

Shadow Drive Typescript components for Shadow Drive. Quick Setup Install Install these dependencies: yarn add @shadow-drive/sdk Setup (React) import React, { useEffect } from "react"; import * as anchor from "@project-serum/anchor"; ... more

Easily interpolate to a provided value with a simple React hook

∿ use-smooth-count ∿ Easily interpolate to a provided value with a simple React hook. npm install use-smooth-count or yarn add use-smooth-count Demo Example (the banner) Features 📦 Tiny: use-smooth-count is <10kb unpacked, and even less when minified ... more

Vinyl sales and exchange application for enthusiasts

My Vinyl Collection open app ↗️ Općenito o projektu Cilj ovog projekta je stvaranje web aplikacije ”My Vinyl Collection” koja će služiti kao mjesto na kojem će korisnici, koji su zainteresirani, ljubitelji ili kolekcionari vinila, pronalaziti nove vinile, ... more

WebStorm 2022.1.1 Is Available

WebStorm 2022.1.1 , the first bug-fix update for WebStorm 2022.1, is now available! It’s packed with fixes and improvements, including long-awaited support for Vite and a fix for the bug affecting the running and debugging of npm scripts. You can update ... more

A playground for building creative web apps – powered by Gleam

Lustre A framework for building create web apps – powered by Gleam and React! import gleam/int import lustre import lustre/element.{ button, div, p, text } import lustre/event.{ dispatch, on_click } pub fn main () { let app = lustre.application(0, update, ... more

A plugin for using cloudflare workers service bindings in Remix

remix-service-bindings This is a plugin for using cloudflare workers service bindings in Remix. Script size must be kept under 1 megabyte to deploy to Cloudflare Workers. By splitting services and connecting them with service bindings, they are freed ... more

Waves News Blog using React.js

Waves News Blog View Demo Vercel View Static Demo Digital Ocean Spaces CDN <br/> This is the WaveNews a platform where surfes can have the best surf news Technologies | License 🚀 Technologies This project was created in Coders Week Headless Challenge, ... more

Expense Control App Built using Vue.js

✨ Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: VueJs Html Bootstrap-4.6 🚀 Como executar Clone o repositório Instale as dependências com npm i Inicie o servidor com npm run serve Agora você pode acessar localhost:8080 do seu ... more

Cryptocurrency Project Built with Vuejs and Vuex

crptoproject Built with Vuejs and Vuex View Demo View Github Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Customize configuration See Configuration Reference. ... more

How To Perform Modern Web Testing With TestCafe Using JavaScript And Selenium

Whether it is an application or web app, every software requires testing after development to ensure it does what we expect it to do. Software testing involves using manual or automated tools. Test automation tools are the best to use over manual tools ... more

Part 1: Rethinking Cache Purge, Fast and Scalable Global Cache Invalidation

There is a famous quote attributed to a Netscape engineer: “There are only two difficult problems in computer science: cache invalidation and naming things.” While naming things does oddly take up an inordinate amount of time, cache invalidation shouldn’t. ... more

Custom Pull To Refresh Component For React Native

react-native-elastic-view Custom pull to refresh Component Note ❗ react-native-gesture-handler supported by Expo 44 has a bug which breaks fresh refresh If you are using react-native-gesture-handler version below 2 please install react-native-elastic-view ... more

Web key configuration tool for TinyPICO BLE Macro Pad

TinyPICO BLE Keypad Key Configuration Tool This is a web based key configuration tool for this custom BLE keypad. Web Demo TODOs i18n multi-language support Dark/Light theme support Vertical key cap layout ui Customize keyboard layout Editable key label ... more

Easily remove all refs from an object using the `deepUnref`-composable

Vue – Deep Unrefs Similar to unref() , easily remove all refs recursively from an object using the deepUnref -composable. 💡 Get Started Luckily, it’s incredibly easy to get your package development started with this slightly opinionated starter kit. ... more

Convert Tweets to Static HTML, Built With Nuxt 3 and WindiCSS

Tweetic Convert Tweets to Static HTML Free • Open Source • API ready View Demo · Report Bug · Request Feature Inspiration Heavily inspired by Tweet embedded on Supabase landing page! Look around the internet, couldn’t find any static tweet generator. ... more

A debugging tool for HLS and DASH

debug.video A debugging tool for streaming media. See the debug.video website for more details. Downloading and Installing Requirements ffmpeg and ffprobe (version 4 or 5) are required on your PATH for debug.video to work. Note that ffprobe comes with ... more

A Beautiful And Nice theme React Gallery Template

Gallery Template Using React ✨🎊 I’m currently learning and working ReactJs and this is my first React project.as you know It’s a Gallery Template with a nice and beautiful design. You can clone it and use it as your project or connect a api to it 🤔🔥 ... more

Birthday reminder - A frontend program that allows users see their pictures and birthdate

Birthday Reminder This is a simple front-end application that displays Birthdays of users. Built With HTML CSS React Live Demo view Website Getting Started To get a local copy up and running follow these simple example steps. copy this link https://github.com/ericmahare/Birthday-Reminder.git ... more

A magical React Hook that helps you debug components

useTilg Tiny Logger is a magical React Hook to help you debug your components. You can quickly try out the demo . Installation The package is released as tilg , use: npm i tilg to install it with npm. Or you can choose another package manager. Features ... more

React hooks for the document transition API

React Document Transitions This package enables creating complex state transitions by using simple hooks. It uses document.createDocumentTransition from the page transition API. This API is currently only available in Chrome Canary. Basic Usage The useTransitionState ... more

Zag: Finite state machines for building accessible design systems and UI components

Zag Finite state machines for accessible JavaScript components Write once, use everywhere 🦄 : The component interactions are modelled in a framework agnostic way. We provide adapters for JS frameworks like React, Solid, or Vue. Focus on accessibility ... more

A basic application integrating the nexti18next internationalization library with nextjs

NextJs + i18n Documentación Original: Notion Demo 📑 Índice General 🤔Requisitos 🌍Internacionalización Requisitos Leer la documentación oficial NextJs: https://nextjs.org/docs Nextjs-i18n: https://nextjs.org/docs/advanced-features/i18n-routing i18next: ... more

Path-finding & Sorting algorithms Visualizer

Update – Changelog 📋 09.05.2022 AlgoVision is now fully mobile-responsive for all its features ! On mobile, the ‘Mouse Chase’ option in Dynamic Mode became ‘Finger Chase’. The left menu can be closed by clicking on the logo’s icon, thus extending the ... more

HTML Tag Memory Test Using React.js

HTML Tag Memory Test View Demo View Github 🚀 Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: Vite ReactJS TypeScript 💻 Projeto A ideia do projeto era desenvolver um jogo onde o usuário pode tentar “descobrir” ou melhor dizendo, ... more

Building Continuous Quality With Google Cloud CI CD Pipeline

In the present disruptive IT landscape, the latest version deployments get pushed every minute. At the same time, developers must ensure that they align themselves with agile methodologies and practices. Here comes the role of continuous integration ... more