2019 Repositories
JavaScript css-to-react Libraries
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
stackoverflow look-alike with only the questions section
q&a forum! Description Made this project in education purpose and to have something to show in my portfolio. I copied parts of stackoverflows design b
A pure CSS toggle switch for form input checkboxes
Toggle Switchy A pure CSS toggle switch for form input checkboxes Preview Installation CSS link rel="stylesheet" href="toggle-switchy.css" HTML lab
Rotating CSS dice in 3D using jQuery. Based on my old snippet on CodePen.
Dice Rotating CSS dice in 3D using jQuery. Based on my old CodePen Roll the dice!. Demo: https://alexerlandsson.github.io/dice/ How to use Include /do
A JavaScript plugin for creating a tickerboard effect. Plugin for React or vanilla JS.
ticker-board A JavaScript plugin for creating a tickerboard effect. See the Ticker Board page for more info. Importing it There are basically two ways
Sass library to make isometric 2D without javascript
IsometricSass Sass library of isometric functions The use of 3D graphic contexts in JavaScript is often to the detriment of the performance and suppor
jQuery Terminal Emulator - JavaScript library for creating web-based terminals with custom commands
JavaScript Library for Web Based Terminal Emulators Summary jQuery Terminal Emulator is a plugin for creating command line interpreters in your applic
tb-grid is a super simple and lightweight 12 column responsive grid system utilizing css grid.
tb-grid Lightweight (1kb gzipped) 12 column grid system, built with css grid. 👉 Demos & Playground Have a look at those examples: Main Demo: https:/
A minimal, pure-CSS Lightbox replacement
CSSBox A simple, pure-CSS Lightbox replacement. An example page is available in the gh-pages branch, or online on GitHub Pages. Why CSSBox? Absolutely
A lightweight vanilla JavaScript context menu library with FontAwesome support.
Contextify A lightweight vanilla JavaScript context menu library with FontAwesome support. This library was written for use in a personal project of m
📝 Vite & Mdx powered static site generator.Base on islands architecture
Island.js A static site generator for the modern web.It has following features: 🚀 Base on Vite, it has great development experience. 🏝️ Islands arch
🔥StackOverFlow
🍻 Intro 배포링크 테스트 계정 id: [email protected] pssword: 11111111 (1 여덟개) 👨👩👧👦 팀원 소개 모상빈 (FE 팀장) 심소영 (FE 서기) 김성현 (FE 팀원) 윤준영 (BE 팀원) 박소영 (BE 팀원) @Topb
Advanced Next.js Masterclass: a workshop by Atila Fassina and Smashing Magazine
Setting up the system 🧱 Make sure you are running on Node.js 16 or newer. If properly installed, Node.js will exist in your $PATH. To check the versi
Desafio 21 dias de código proposto pela Rocketseat.
21-days-of-code Desafio 21 dias de código proposto pela Rocketseat. As regras para participar do desafio são: Todos os dias, codar por pelo menos 1h;
High performance personalization & a/b testing example using Next.js, Edge Middleware, and Builder.io
Next.js + Builder.io Personalization & A/B Testing with Edge Middleware This is a fork of Next.js Commerce with Builder.io integrated and using Edge M
Examples of using various CSS-in-JS libs in Astro (repo for withastro/astro#4432)
astro + css-in-js This monorepo will show examples of various CSS-in-JS libraries in Astro. Currently only shows a basic counter example, would be nic
Instagram clone based on Demon slayer characters ⚔️
Instagram clone based on Demon slayer characters 💡 - About this project You must sign in with google to be able to like and comment on the demon slay
A website to list tech twitter creators, across the world.
TechCreators A website to list tech twitter creators, across the world. Languages/Tools 👩🏽💻 Demo Check out the website: TechCreators 👇🏽 Prerequi
📄 A responsive print preview in A4 format
react-preview-a4 📄 A responsive print preview in A4 format. Table of Contents Installation Examples Demo Installation To install, you can use npm: $
A full-stack application that allows gamers to connect and match to people with similar interests.
Platform that allows gamers to connect and find people with similar interests. Built during the @Rocketseat NLW eSports event. Preview: Quickstart Ser
O NLW Esports foi desenvolvido durante a semana da NLW feita pela Rocketseat 🚀
Plataforma para encontrar e conectar jogadores para fazerem aquele duozinho maneiro no seu jogo preferido ✅ Demostração 🎉 Sobre o projeto O projeto f
👍 💰 Market place for products with MERN stack
react-md Create an accessible React application with the material design specifications and Scss. Installing packages - How to install related compone
API, web and mobile application for finding a partner to play online multiplayer games.
Duo Finder Duo Finder is a simple mobile and web application for gamers looking for partners to play a game with. It's basics was developed during the
Digital Identifier is a secure, decentralized, anonymous and tampered proof way of maintaining and verifying all essential identity-based documents to create a unique digital identity of a person.
Digital Identifier 🧐 To design and develop a secure, decentralized, anonymous and tampered proof way of maintaining and verifying all essential ident
Make use css module more sense.
vite-plugin-sense-css-module Make use css module more sense. Installation npm npm install --save-dev vite-plugin-sense-css-module yarn yarn add -D vi
🕹️⚡ Ecommerce de jogos. Projeto Integrador desenvolvido para a instituição de ensino Centro Universitário Eniac.
What is inside? This project uses lot of stuff as: NextJS ReactJs Typescript Jest Testing-library Styled Components Storybook Eslint Prettier Plop Hus
You can choose a car and race it with other 3 random cars.
Racing Cars This is a simple racing game that you can select a Formula 1 car and race with 3 random cars. Built with React and Redux. All cars have un
Basic website that allows users to add/remove books from a list. Achieved using JavaScript objects and arrays, dynamically modifying the DOM and adding basic events.
Awesome Books Basic website that allows users to add/remove books from a list. Achieved using JavaScript objects and arrays, dynamically modifying the
A mesh network that connects remote communities to emergency responders without relying on internet, cell towers, or satellites
A mesh network that connects remote communities to emergency responders without relying on internet, cell towers, or satellites. Winner of Hack the North 2022. 🏆
Meu repositório com os exercícios realizados durante o curso de Desenvolvimento Web na Trybe.
Desenvolvimento Web Fullstack na Trybe Esse repositório contém todas as atividades de aprendizagem desenvolvidas por mim enquanto estudante da Trybe ?
🌠 just a personal card inspired by Discord's Profile
Discord Profile Card This is a personal card inspired by Discord's Profile. Shows your info and presence activities on real time. Table of contents Di
🤑💰 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
This project simulates the different Pokédex presented within the Pokémon franchise.
🚧 Pokédex is under construction... 🚧 💻 About the project Made with PokéAPI, this project simulates the different Pokédex presented within the Pokém
Landing page for any SaaS company, using Nextjs and NextUI
NextJS and NextUI Landing Page Template You can deploy here directly to vercel This is a template for NextJS and NextUI. NextJS NextUI You can see the
Unlock your inner chef - Submission for Hackthenorth 2022
MyRecipePal Table of Contents 📝 About 🛠️ Built With ⚙️ Usage ⛰️ Challenges 🛣️ Roadmap 📝 About As university students, we all understand that one o
A FARM stack app automated with docker-compose
Expense-Tracker An expense tracker built with FARM stack (FastAPI,React,MongoDB) Requirements Docker Docker-Compose Install and Run To install and run
A simple project of task list! - Stacks HTML, CSS and JS(pure)
Stacks used This project The purpose of this was to recreate a To do list project using the concepts of JavaScript, HTML and CSS and also storing the
An Admin Panel developed for simplifying the process of CRUD operations in the database.
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 web-based text editor for everyone built with Electron & React.
🚀 The web-based text editor for everyone built with Electron & React. Next release | Current release | Documentation (soon) ⬇️ Download: Windows (x64
CUtopia is a course review and timetable planning website for CUHK students.
CUtopia The source code for cutopia.app. CUtopia is a course review and timetable planning website for CUHK students. It provides a platform for stude
This project is a group Project created using Poke Api, HTML, CSS and JavaScript
JavaScript-Capstone-Project This project is a group Project created using Poke Api, HTML, CSS and JavaScript. Home Page About Page Project Documentati
Small example showing how you can make game sprite animations using CSS with Javascript movement.
Hi there, I'm Björn Hjorth 👋 I like combining the web and game development, if you like what you see please do not be a stranger and say "Hi" on Twit
Contribute code, meet community members, participate in workshops, and win more SWAG 🚀
Welcome to Hacksquad 2022! Contribute code as a team, meet community members, participate in workshops, and win SWAG With the fantastic atmosphere of
The easiest way to animate your Next.js project. Scrollreveal.js helper package.
next-reveal The easiest way to animate your Next.js app Demo Introduction next-reveal makes it easy to add awesome scroll animations to your Next.js p
A peer-to-peer chat app that is serverless, decentralized, and ephemeral
Chitchatter Logo provided by @ramyashreeshetty Chitchatter is a free (as in both price and freedom) communication tool. It is designed with security a
A light-weight, simple, and straightforward learning tool for your Kubernetes cluster
Introducing Neptune Light-weight, simple, and straightforward learning tool for your Kubernetes cluster Neptune is an approachable learning tool, ligh
GPU supercharged attraction-graph visualizations built on top of Three.js
Force Directed Graph GPU supercharged attraction-graph visualizations for the web built on top of Three.js. Importable as an ES6 module. Simulation co
Dev.to clone
Dev.to-clone A Dev.to clone created with MERN stack and more (Essentially FB without stories feature) Tech used with vite 🔥 : Frontend React Redux to
A Tauri + Next.js (SSG) template, with TailwindCSS, opinionated linting, and GitHub Actions preconfigured
Tauri + Next.js Template This is a Tauri project template using Next.js, bootstrapped by combining create-next-app and create tauri-app. This template
Fullstack twitter clone developed with GraphQL and Relay
Fullstack twitter clone developed with GraphQL and Relay
Boiler-Plate for web development using dev-portfolio library.
dev-portfolio-app Boiler-Plate for web development using dev-portfolio library. 🚨 Caution!! This is depending on create-dev-portfolio as a Boiler-Pla
Web application that manages your sales team efficiently.
Sales Incentive Management System Overview • Entities • APIs • Demo • Application Properties • Development • Build Overview Problem Statement Creating
Projeto criado com intenção de se parecer com a Netflix
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Customizable masonry Flatlist. it just behave like Flatlist but using ScrollView behind the scene
Would you like to support me? react-native-masonry-grid Customizable masonry Flatlist. it just behave like Flatlist but using ScrollView behind the sc
🚀 Battle-tested Next.js TypeScript Prisma template with an opinionated architecture. 🔋 Included ™️
🚀 The Ultimate Next.js Starter Pack Next.js ^12 + TypeScript + Prisma + Chakra UI starter packed with useful development features. I've adopted indus
😊 NextJS Template with Tailwindcss, Eslint, Prettier.
Next.js + Tailwind CSS Example By Pedromdsn Deploy your own Deploy the example using Vercel or preview live with StackBlitz How to use Execute create-
📌 A chips input designed for MUI (Material ui) V5
MUI chips input A chips input designed for the React library MUI Installation // with npm npm install mui-chips-input // with yarn yarn add mui-chips
DFi-App showing compound transactions on Blockchain.
dbank Welcome to your new dbank project and to the internet computer development community. By default, creating a new project adds this README and so
Desafio FCamara do Aquecimento Programa de Formação
Orange Notes | Esquenta Programa de Formação FCamara Read it in English O Orange Notes é uma plataforma onde você pode organizar seus cursos, vídeo au
The leaderboard website displays scores submitted by different players. It also allows you to submit your score. Built with HTML, CSS, JavaScript with APIs
LeaderBoard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. Built With Html,JS,CSS We
Just a tool for convert antd-react to antd-solid
Ant Design Antd for Solid-js Just a tool for convert antd-react to antd-solid todo Icon Button Typography Divider Grid Layout Space Affix Breadcrumb D
Find your duo - front/back/mobile
Sobre Este projeto é a trilha Ignite que engloba o projeto (backend, frontend e mobile) Find Your Duo . Aulas 01 - Configuração do ambiente 02 - Desen
나의 단짝친구와 함께 즐기는 문화생활 🐶 윗펫이 도와줄거에요!
With Pet 🐾 반려동물 관련 서비스, 동반 가능 시설 안내 및 커뮤니티 제공 플랫폼 언제든, 어디서든 나의 단짝친구와 함께 즐기는 문화생활 🐶 윗펫이 도와줄거에요! 개발기간: 2022.09.07 ~ 2022.10.12 📖 Intro 💡 윗펫은 이런 고민을
Projeto construído do evento Next Level Week da Rocketseat
Tecnologias | Projeto | Layout | Licença 🚀 Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: Node.js React ReactNative Expo Typ
9º edição da nlw na trilha ignite @rocketseat.
🚀 NLW Esports Sobre o repositório Esse repositório foi criado durante a 9º Edição da NLW da rocketseat na trilha ignite, na qual foi desenvolvido um
Convert Tailwind CSS class names into their CSS3-equivalent styles — right from Alfred.
alfred-tailwind2css Tailwind2CSS offers you the ability to convert TailwindCSS classes into their CSS3-equivalent styles -- right from within Alfred.
Extract CSS custom properties and a JavaScript config from Drupal's theme breakpoints
Drupal breakpoints to CSS To eliminate the need for different places for breakpoints and only maintain a single source of truth for those, this node_m
Super lighweight, pure JavaScript page load progress bar
Nanobar Super lighweight, pure JavaScript page load progress bar Status View Preview Table of contents Status Quick Start What's included Bugs and fea
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
DDG Email Panel is the open source unofficial DuckDuckGo Email Protection panel.
DDG Email Panel 简体中文 Open source unofficial DuckDuckGo Email Protection panel. ⭐ Features No need to install DuckDuckGo browser extension Supports all
🚀 Final Esports project based on Rocketseat's Next Level Week.
The evolved version of the Esports project on the Next Level Week by Rocketseat. The web client is deployed on Vercel here: https://nlw-esports-ignite
A labeler component that Lays out text and overlays textual decorations like labels, predictions, and relations based on given data and handles user interactions on tokens.
react-text-annotator react-text-annotator is a labeler component that: Lays out text and overlays textual decorations like labels, predictions, and re
Split bills between friends ;)
SplitWise - FindCoder.io Hackathon Submission Full stack application to split bills among friends ;) Frontend : https://tripsplits.netlify.app/registe
A community for New Devs ⭐⭐⭐⭐⭐
TECH CARTEL Your cartel for every resource Tech cartel is an application that brings documentations, videos, books and related website to amatuer and
Utilities library built on top of Next.js providing feature extensions and helpers for common patterns
nextjs-utilites This library provides many helpful utilities for use in Next.js projects. Prerequisites This project requires NodeJS (version 8 or lat
(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
Web App for T-Mobile Arcadyan KVD21 5G Gateway
Instructions git clone https://github.com/christopherjnelson/Arcadyan-5G-Web-Admin.git cd Arcadyan-5G-Web-Admin npm install npm start Overview: This p
Open source version of the GitHub /trending page
ghtrending ⭐ Open source version of GitHub's trending page Find the latest trending repositories on GitHub! ghtrending.io link 🔗 Please note, this pr
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
Web3fied version of buymeacoffee.com
Krypto Koffee a web3fied buymeacoffee.com connecting helping creators receive support from their audience Krypto Koffee is a decentralized payment bri
Math Magician With React
"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.
An application for sending webhooks on Discord.
Cordhook 🪝 Cordhook is an application for sending webhooks on Discord with ease. 🛠 Built with Tauri for desktop and Next.js for web. 🎨 Styled with
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
CodePlay is a Web App that helps the user to input HTML,CSS and JS code in the Code editors and display the resultant web page in real-time
CodePlay A codepen clone Setup Clone repository Create and go to the directory where you want to place the repository cd my-directory Clone the proj
Example "Mushroom App" used as a p2panda tutorial
mushroom-app-tutorial This is an example app accompanying the p2panda tutorial "Let's build a mushroom app!" with TypeScript, Webpack and React. Usage
Includes Redux-Saga. Works with movie test API
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Natura is a women-only gym that provides a safe, supportive environment for women of all shapes, sizes, and fitness levels
Natura is a women-only gym that provides a safe, supportive environment for women of all shapes, sizes, and fitness levels. Their goal is to help women feel confident and comfortable in their own skin, and to encourage them to lead healthy, active lifestyles.
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...
Project developed during NLW eSports, by Rocketseat.
NLW eSports - Trilha Ignite | Rocketseat (em andamento) Read it in English No NLW eSports estamos desenvolvendo uma plataforma web e mobile onde Gamer
Podcastr é uma plataforma construída para transmissão de podcast.
Podcastr 🎙️ 📝 Descrição Podcastr é uma plataforma construída para transmissão de podcast. Website: podcastr-evander.vercel.app 🚀 Tecnologias Esse p
Projeto criado na NLW eSport da RocketSeat. Voltado ao universo de games para conectar pessoas que precisam de um duo para jogar!
NLW eSports O que é o NLW? NLW é o maior evento online e gratuito de programação na prática com muito código, desafios, networking e um único objetivo
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
Word guessing game, written in JavaScript and beautifully designed in CSS
Word Guessing Game Word guessing game, written in JavaScript and beautifully designed in CSS This is a word guessing game that I built. You can play i
🔍 Remake of Reguleque's front-end, a search engine for government employees. Maintained by the América Transparente foundation.
regulf-react Frontend for Reguleque, a search engine for chilean public workers records' as obtained through transparency databases. Get started To ru
This app uses the Rick & Morty official API.
Installation First of all you have to clone this repo on your machine. git clone [ssh repo] Use the package manager NPM to install the dependencies. n
Create HTML, CSS only with Javascript/Typescript
SwiftUI inspired JS FrameWork BreazeJS GOAL: Rapidly build modern websites without ever leaving your Javascript/Typescript. Output const ContentView:
Create posts for ubccsss.org using the GitHub REST API
content manager for ubccsss.org Create posts for ubccsss.org using the GitHub REST API Installation $ git clone [email protected]:ubccsss/content-manager
트위터 클론 미니 프로젝트입니다.
Twitter Clone - FE 📢 프로젝트 소개 트위터를 모바일 화면 기준으로 클론한 미니 프로젝트입니다. API 명세서 프로젝트 배포 URL Back-end github repository 🗓 프로젝트 기간 2022.09.09 - 2022.09.15 ✅ 구현한
Source code my personal website is written using Next.js, Tailwind CSS and Chakra UI
Homepage Overview. / Home page. pages/blog/[slug] - Static pages/social - Social page. pages/photos - Photos page. pages/activites - Activites page Di
Twitter Clone using next.js and tailwin CSS
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://