361 Repositories
JavaScript webpack-demo Libraries
A demo of using RSC and Vercel Postgres, legally
How is this not illegal This beautiful tweet by Dan Abramov brought to life. Setting it up Create a Vercel Postgres database and link it to your proje
The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service.
Leaderboard 📗 Table of Contents 📖 About the Project 🛠 Built With Tech Stack Key Features 🚀 Live Demo 💻 Getting Started Setup Prerequisites Instal
Compile Master CSS ahead of time with zero-configuration integration with build tools
CSS Compiler Compile Master CSS ahead of time with zero-configuration integration with build tools On this page Usage webpack.config.js vite.config.js
Cutting-edge Development Pushes for new Koders' Website
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://
A progressively enhanced server-rendered form-aware web component counter using WebC
Eleventy WebC Number Counter Demo A progressively enhanced server-rendered form-aware web component counter using WebC. This enhances from an input t
This is a JavaScript leaderboad list app. In this project I used Webpack and ES6 modules. As well as HTML, and CSS for styling the app. When submitting the scores the data is preserved thanks to the external Leaderboard API service.
Leaderboard App In this project the leaderboard app allows you to create games and the user can submit their names and scores into the app to keep tra
The leaderboard website displays scores submitted by different players. It also allows you to submit your score. I created this project using ES6 concepts. I connected to the Leadboard API service
Leaderboard App The leaderboard website displays scores submitted by different players. It also allows you to submit your score I created this project
This is a demo for Remix SPA's via Service Worker. (doesn't currently work in Safari)
Welcome to Remix! Remix Docs Development From your terminal: npm run dev This starts your app in development mode, rebuilding assets on file changes.
Module '2' Week two '2' project. The following technologies are used: HTML, CSS , Webpack, and JavaScript. Features of this app are rendered dynamically. It allows user to pinned or add task the will be doing on it. Local storage session is implemented. Task stay on app when user refresh or reload page. Task can be checked when completed.
To Do list: Description the project. Built With Major languages Frameworks Technologies used Screenshot of project Built With HTML, JAVASCRIPT, CSS, a
To-do list is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. It is tested by JavaScript Unit testing using Jest framework. It is build by using ES6 and Webpack!
Project Name To Do list: interactive list Description the project. In this project, I added some functionality to my application to make it interactiv
Text Engraving & Extrusion demo based on Three.js is implemented with Typescript and webpack5. Used THREE-CSGMesh as the core tech to achieve engraving and extrusion results
Text Engraving & Extrusion Text Engraving & Extrusion demo is implemented using Three.js, with Typescript and webpack5. Used THREE-CSGMesh as the core
This is a demo store built with Medusa. It is a fully functional e-commerce store that you can use to test out Medusa and we have implemented 3D swag store functionality. Swags are 3D models that can be viewed by the customer before they purchase them.
Hacktoberfest - Medusa's 3D Swag Store This is a demo store built with Medusa. It is a fully functional e-commerce store that you can use to test out
This is the version to be reviewed - "To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. A simple website that allows for doing that, and built using ES6 and Webpack!
Todo-list "To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as comple
A todo-list app designed to help users manage their tasks. Users can create a task, read tasks, update tasks, delete task, check completed tasks and delete all checked tasks. Also contains basic tests. Built with WebPack,, Modular JavaScript, Jest Libary and LocalStorage.
todolist This project is created to understand the use of ES6 with Webpack Built With HTML, CSS and Javascript. Webpack. Live Demo (if available) http
Leaderboard list app, using webpack and ES6 features
Leaderbord-project Leaderboard list app, using webpack and ES6 features Built With HTML CSS Javascript Linters Webpack Live Demo N/A Getting Started T
Use this project as a tool for remembering your daily tasks, confirming, editing, remove are actions you can do to tasks, your data is saved in the LocalStorage so every time you open or refresh the page all changes will be present.
To-do-list The porpuse for this project is show You, the way how to implement webpack in a project creating a To-Do list in for add a template to crea
ToDoList app helps users make their day organized and user can add tasks, delete completed tasks.Build with Javascript, HTML, CSS
ToDoList Description the project. This project we will help you organize your day. Add tasks Delete tasks And clear all tasks keep your list clean. Bu
Microverse Module 02 Project: This is education project that allow user to add desire books to the list and also delete books. It makes use of local storage to preserve the data on the web browser.Built with HTML, CSS, JavaScript
Project Demo Live Demo AWESOME BOOK PROJECT Project allow user to add desire books to the list and also delete books. It makes use of local storage to
This is an app that helps people keep track of all their activities for a period of time.
To-Do List This is an app that helps people keep track of all their activities for a period of time. They can be able to see what activities they have
Microverse Module 02 Project: This is educational project is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Built with HTML, Sass, JavaScript and Webpack.
Project Demo Live Demo Description To-do list is a tool that helps to organize your day. It simply lists the things that you need to do and allows you
ToDo list app is a simple web app that helps you organize your day, by adding, checking and deleting daily tasks
TODO List App "To-do list" is a WebApp tool that helps to organize your day. It simply lists the tasks that you need to do and allows you to mark them
A Single Page Application featuring a medium fidelity wireframe of a to-do-list app that stores tasks that are added and which can be deleted. The tasks can be checked, unchecked or edited. Built mainly with JavaScript and strict ES6 features. Bundled with webpack.
To-Do-List In this "To-Do-List" project, I created the basic structure of a page single page application with HTML, CSS and javascript, using the webp
In this project, I build a simple HTML list of To Do task
Todo List In this project, I built a simple HTML list of To Do tasks. This simple web page is built using webpack and served by a webpack dev server.
A simple todo list app written in javascript and html with basic CSS styling This project makes use of webpack to bundle the code. I implemented 3 functionalities on the this project namely: Add task edit task delete task using Js
My To-Do List A simple todo list app written in javascript and html with basic CSS styling This project makes use of webpack to bundle the code. I imp
It is a simple yet powerful to do list app in which you can add daily to-do tasks.you can edit, remove, check it to change its status to complete or not complete. it would save all the data and changes in local storage and track your daily tasks whether you have completed them or not.Built with vanilla JavaScript
To Do list - minimalist It is a simple yet powerful to do list app in which you can add daily to-do tasks. it would save all the data and changes in l
Forked from hayes0724/shopify-packer Modern development tool for Shopify using Webpack 5. Easy to extend and customize, zero build config, compatible with Slate and existing websites.
Shopify Packer Modern development tool for Shopify using Webpack 5. Easy to extend and customize, zero build config, comes with starter themes and com
This repo contains configurations for webpack, webhint, stylelint and eslint, it is a boiler-plate template and a starting point for coming projects.
Project Name Description the project. Built With Major languages Frameworks Technologies used Live Demo (if available) Experience a live Demo 🚀 Getti
An example SvelteKit app implementing a simple authentication system.
SvelteKit Auth Example An example SvelteKit app implementing a variety of authentication backends View the demo NOTE: this is very much a work in prog
This is a simpler project than the full webpack source code, and you can understand the design ideas in webpack through it
my-webpack 这是一个简化版的webpack，旨在于理解webpack的设计原理以及webpack当中 loader和plugin的区别，运行方式。 运行步骤如下(方案一)： 切换到my-webpack目录，运行npm install 切换到test目录，运行npm install 在tes
Live demo using Angular, github.dev, codespaces, copilot, azure static web apps, and devcontainers
Cloud Computing with Codespaces First seen in the presentation One More Change! @ NgConf 2022 This is a quick project template for demoing github.dev,
A JavaScript project for the Leaderboard list app, using webpack and ES6 features, this is a requirement for Micronauts in Module 2 block 4. This project is MIT Licensed
LeaderBoard A JavaScript project for the Leaderboard list app, using webpack and ES6 features, this is a requirement for Micronauts in Module 2 block
Improve Response Time 10X by Introducing an Interceptor In NestJS
Improve response times 10x by introducing an interceptor in NestJS This sample project demonstrates the usage of interceptors for improving response t
🤑💰 Crowdfunding Platform backed by Ethereum Blockchain to bring your creative projects to life
Crypto Crowdfund For Creators Lacking the money to bring your Creative Venture to Life? Crypto Crowdfund Campaigns will help you turn your creative id
Get the best meals - JavaScript capstone project
Get the best meals - JavaScript capstone project Project in which you can give likes, comment on and reserve your best meals. Build using Test Driven
Responsive no-jQuery pure JS/CSS Lightbox for images, no dependencies, 10kb unminified source code, with demo
img-lightbox Responsive no-jQuery pure JS/CSS Lightbox for images, no dependencies, 10kb unminified source code, with demo Demo codepen jsfiddle jsbin
(Experimenting) Transform CSS Modules to enable Atomic CSS benefits 🌱
MatoCSS Transform CSS Modules to enable Atomic CSS benefits Please note that it is still experimenting. I do not recommend using this in production. U
Allows you to build fetcher function by URL at compile-time.
fetch.macro Allows you to build fetcher function by URL at compile-time. Usage Simply install and configure babel-plugin-macros and then use fetch.mac
This is a demo of updating a map to show air quality data for the user’s current location using Next.js Advanced Middleware, powered by Netlify Edge Functions.
Show Local Air Quality Based on the User's Location Use AQI data to show the air quality near the current user. This is built using Next.js Advanced M
On-demand runtime webpack compilations over HTTP.
webpack-http-server On-demand runtime webpack compilations over HTTP. Overview This package is, effectively, an Express server that exposes webpack co
A starter and demo project for Keycloakify v6 - Component level customization.
A starter/demo project for Keycloakify ⚠️ Please read the two following notices ⚠️ This starter is for Component-level customization, if you only want
A list of movies are shown and you can add a comment on them or like them.
Dynasty Entertainment. A list of movies are shown and you can add a comment on them or like them. Built With HTML, CSS & JavaScript. webpack, bootstra
A demo repository to play around with Vivid! Styled with Tailwind CSS
vivid-demo A demo repository to play around with Vivid! Mess around with a copy of our landing page to see how Vivid works! Learn more about Vivid at
Kakapo for Desktop, Web, iOS, Android, Babel, Reflux, ImmutableJs, HowlerJs, Webpack
Kakapo is an open source ambient sound mixer for relaxation or productivity, available on the Chrome Web Store. See also: Kakapo for Desktop & Web - K
Devtool for webpack.
Webpack Inspector Introduction Webpack dev tools to make performance analysis, error investigation and loader development more convenient. Provide the
A demo of using the new require.context syntax in Expo with Metro bundler
Metro Context Modules Demo This is a demo of using the experimental 'Context Module' (require.context) feature in Metro bundler. Setup metro.config.js
Expo Demo: Screen Capture with Managed Workflow
Expo Demo: Screen Capture with Managed Workflow This code demonstrates how to setup screen capture on an Expo app, without having to eject from the ma
This an CRUD app built were users can create, update and delete specific day to day tasks as they wish. The app is built using webpack and served with webpack dev server
Todo-List This an CRUD app built were users can create, update and delete specific day to day tasks as they wish. The app is built using webpack and s
Live demo using Angular, github.dev, codespaces, copilot, azure static web apps, and devcontainers
One More Change! @ NgConf 2022 This is a quick project template for demoing github.dev, Codespaces, Copilot, Azure Static Web Apps, and Visual Studio
In this project, I built a simple HTML list of To Do tasks. The list is styled according to the specifications listed later in this lesson. This simple web page is built using webpack and served by a webpack dev server.
Awesome books:JavaScript Using Modules In this project, I built a simple HTML list of To Do tasks. The list is styled according to the specifications
This is a simple yet powerful to-do list app. It allows the user to add, remove, edit and check a task as completed.
To-Do-List App In this project, I made a simple website called To-do-List. The user is able to add and remove tasks, mark them as done or undone, the
A simple todo list app that allows users to add, delete, edit, and clear all completed tasks, built with HTML, CSS, Javascript and webpack.
todo list In this website you will add books and also watch the lists of books. Built With HTML CSS JavaScript See Live click here Authors 👤 HaaDiiii
This project is a list manager that will allow a user organize a list of their tasks. They can conveniently create, update and delete tasks.
TO DO LIST APP This project is a list manager that will allow a user organize a list of their tasks. They can conveniently create, update and delete t
Todo-List is an online website where users can add a todo tasks. tasks can be removed , added, and edited. Built with Webpack and JavaScript.
To-do List Description To-do-list is an online website where users can add a todo tasks. tasks can be removed , added, and edited.Built with Webpack a
A prototype on how web3 technology can enable us to build an open, immutable, reproducible, and permanently accessible scientific record.
Web3 Research A prototype on how web3 technology can enable us to build an open, immutable, reproducible, and permanently accessible scientific record
The Digital Library is a webapp that allows the user to: Display a list of books
The Digital Library is a webapp that allows the user to: Display a list of books. Add a new book. Remove a selected book.It has been developed using React Redux and tested using Jest.
A to-do list is a tool that helps organize your day. It simply lists the things that you need to do and allows you to mark them as complete.
ToDo-list "To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as comple
"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete.
To-do List build with Webpack "To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to
Efeito de ripples baseado no Material Design.
Efeito de ripples baseado no Material Design feito com CSS, JavaScript e jQuery Esse efeito utiliza seletores do jQuery e manipulação do DOM para obte
With this plugin, you can easily make a stopwatch or timer on your site. Just init, style and enjoy.
TimezZ With this plugin, you can easily make a stopwatch or timer on your site. Just init, style and enjoy. Features Typescript support Support all en
A simple (and unofficial) GitHub Trending client that lives in your menubar.
Raise A simple (and unofficial) GitHub Trending client that lives in your menubar. 📸 Screenshots 🖥 Installation New!! Raise is now available as a Ch
A simple To-Do list with webpack including the functions of adding, removing, editing and selecting the completed tasks.
To Do List To Do List provides you with functionalities such as: adding a Todo to the list removing a Todo from the list editing a Todo in the list ch
Webpack dev tools to make performance analysis, error investigation and loader development more convenient
build-tool-inspector Introduction Webpack dev tools to make performance analysis, error investigation and loader development more convenient. Provide
In this project, I built a simple HTML list of To-Do tasks. Using webpack to bundle JS functionality and other sources.
To-do-list App A simple To-do-list app using DOM manipulation. Built With HTML/CSS JavaScript Webpack Jest Live Demo Live Demo Getting Started Get a c
A simple Form Validation Utility for Bootstrap 3, Bootstrap 4, and Bootstrap 5 for Humans.
bootstrap-validate A simple Form Validation Utility for Bootstrap 3, Bootstrap 4, and Bootstrap 5 for Humans. 🎉 Support us with Developer Merchandise
Catamyst Frontend Stack - Discussion and demo for Frontend Web Development with Modern Tech Stack
Catamyst Frontend Stack Discussion and demo for Frontend Web Development with Modern Tech Stack. Made by M Haidar Hanif from Catamyst. Haidar is the F
A simple To-Do list with webpack including the functions of adding, removing, editing and selecting the completed tasks.
Project Name To Do List Built With HTML CSS JS Live Demo To Do List Getting Started To get a local copy up and running: Clone this repository or downl
A webpack plugin to enforce case-sensitive paths when resolving module
@umijs/case-sensitive-paths-webpack-plugin A webpack plugin to enforce case-sensitive paths when resolving module, similar to the well-known case-sens
"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. You will build a simple website that allows for doing that, and you will do it using ES6 and Webpack!
To-do-list Description "To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark t
Distributed real-time chat demo on Blueboat in 15 lines of JavaScript
minichat Distributed real-time chat demo on Blueboat in 15 lines of JavaScript, Live Demo The code Router.get("/", () = new Response(` scriptconst
This is a project based on a game Leaderboard. You can interact with an API inserting your user name and score. Built with HTML, CSS, JavaScript and WEBPACK
Leaderboard: Leaderboard project - Microverse Acces link Check the live version here Built With HTML CSS JavaScript VScode Webpack GitFlow Quick view
Repository for the demos in the "Hello, Quarto!" talk
hello-quarto-demo Repository for the demos in the "Hello, Quarto!" talk Software RStudio: Version: Current release -- RStudio 2022.07.0+548 "Spotted W
A simple To-do app project made using JavaScript ES6 and Webpack
A simple To-do app project made using JavaScript ES6 and Webpack - Microverse. Feel free to see the live version, if you like it please give it a star!
A simple To-do app project made using JavaScript ES6 and Webpack - Microverse. You can add, remove, check tasks, and remove all the tasks that were done at the same time. Feel free to see the live version, if you like it please give it a star!
To Do List a to do list javascript app buit using webpack and es6. Built With HTML CSS JavaScript Wepack Live Demo (if available) Live Demo Link Getti
Event Bus Demo - This product is built with Remix
Event Bus Demo This product is built with Remix Remix Docs Netlify Functions Google Maps API Development The project requires an API key. You can get
A web app designed to keep track of activities that are done and those that are and not done. Users can add, delete, mark as completed and update the activities. Built with Javscript, html, css and webpack.e your activites
ToDoListApp A web app designed to help web keep track of activities that are done and those that are still pending. Users can add, delete, mark as com
Leaderboard App for the great game "Duel of Fates".
To Do List ⚙️ This is a leaderboard App to practice Javascript, API implementation and Webpack deployment. Live Demo ⚙️ GitHub Pages: DEMO Tech ⌘⇧ HTM
This is an app developed in the Microverse course, it is a simple app used for developing a task list, using JavaScript modules and webpack
TODO LIST This is an app developed in the microverse course, developing a task list, using Javascript modules and webpack A simple app to help you man
Using Webpack and external API, this website saves and shows players' scores and allows the submission of new scores.
Microverse Students Leaderboard Microverse Students Leaderboard project that displays scores submitted by different students. All data is preserved in
A utility for creating toggleable items with JavaScript. Inspired by bootstrap's toggle utility. Implemented in vanillaJS in a functional style.
LUX TOGGLE Demo: https://jesschampion.github.io/lux-toggle/ A utility for creating toggleable dom elements with JavaScript. Inspired by bootstrap's to
Demo of settingup tailwind 3 (cli) with emberjs
tailwind-setup-demo This README outlines the details of collaborating on this Ember application. A short introduction of this app could easily go here
A Foundation for Scalable Cross-Platform Apps
Electron React Boilerplate uses Electron, React, React Router, Webpack and React Fast Refresh. Install Clone the repo and install dependencies: git cl
To Do list app. Very useful to keep track of daily activities. Made with ❤️, JavaScript and bundle with Webpack
To Do List ⚙️ This is a To Do list App to practice Javascript and Webpack deployment. Live Demo ⚙️ GitHub Pages: DEMO Tech ⌘⇧ HTML & CSS best practice
Lingui loader for Vite, Rollup, Webpack, and more
unplugin-lingui-loader It’s a good practice to use compiled message catalogs during development. However, running compile everytime messages are chang
1on1 call demo using Chime SDK meetings, Next.js, AppSync, and CDK!
Chime SDK Meetings 1on1 call demo with Next.js / AppSync / CDK This is a sample project to demonstrate Chime SDK meetings for one-on-one call with Nex
A to-do list set up using webpack. It allows the user to add, remove, edit and check items on the list. All the data is saved in local storage.
Project Name: Webpack-Project: To-Do-List Description of the project: A simple to-do-list app created using webpack. Built With Major languages: HTML
Module 03 project: Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to Make simple calculations and Read a random math-related quote.
Math-magicians Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to Make simple calculations an
This is a todo list created using webpack and vanilla javascript.
This is a todo list created using webpack and vanilla javascript. It lets a user add and remove to do items. It contains testing suite using jest framework.
A simple To-Do list with webpack including the functions of adding, removing, editing and selecting the completed tasks.
Project Name To Do List Built With HTML CSS JS Live Demo To Do List Getting Started To get a local copy up and running: Clone this repository or downl
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
A simple project to keep track of your activities. It allows basic CRUD operations to organize your to do list.
todo-list A simple project to keep track of todo list. Built With HTML CSS Javascript Webpack Live Demo You can checkout the live version here Getting
A website that allows users to find, like, and comment on different TV shows.
TV Shows Network A website that allows users to find, like, and comment on different TV shows. Built With: HTML SCSS JavaScript Webpack TVMaze API & I
A simple HTML list of To Do tasks built using webpack, JS ES6 and CSS. This app allows users to add and delete tasks to organize their days.
To-Do List "To-do list" is an app that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as compl
In this project, I build a simple HTML list of To Do tasks. This simple web page will be built using webpack and served by a webpack dev server.
To Do list with Webpack In this project, I build a simple HTML list of To Do tasks. This simple web page will be built using webpack and served by a w
To-do-List website is a page that contains information about listed shores and things to do .
Project Name To-do-List Description the project. To-do-List website is a page that contains information about listed shores and things to do . Built W
Keyauth v1 example, includes a demo and is encrypted using aes.
Keyauth Keyauth V1.0 api wrapper in nodejs that includes requests being encrypted using aes. Discord & Support Server . Keyauth Example const Keyauth
This is the Microverse Leaderboard project that uses gitflow and features html, CSS, Javascript, ES 6 modules and Webpack
Leaderboard project This is the Microverse Leaderboard project using Gitflow, html + css + modular javascript, ES6 syntax, and Webpack. Built With Htm
Three.js boilerplate project configured with typescript, webpack and css/style loader, HTTPS local server, and a sample test codes !!
three.js-boilerplate Welcome, this is a three.js boilerplate project where you can clone it and start to work !!! Installed and Configured Items: Type
A small, lightweight JavaScript plugin for placing items in straight rows (jQuery and vanilla JS version) – Demo:
rowGrid.js rowGrid.js is a small, lightweight (~1000 bytes gzipped) jQuery plugin for placing images (or other items) in straight rows. The grid is si
rainbowkit-mint-nft-demo
Contract here: https://gist.github.com/peduarte/b48fbf6ff35de431207d68250679a05b This is a Next.js project bootstrapped with create-next-app. Getting