Giter VIP home page Giter VIP logo

projects's Introduction

Welcome!

Hi there! This is the part of my website with all of my JavaScript projects! Some of them are listed below:

All the other projects I didn't make 6 months ago:

Projects Directory

Hi there! Welcome to my projects directory! Here I list all my projects along with the links! I'll do my best to keep this updated! :)

Javascript

Canvas particle systems:

Gooey text

gooey

A gooey text effect using SVG filters on canvas.

Code link: https://codesandbox.io/s/gmb05 Project link: https://gmb05.csb.app

Water fountain

why_does_ffmpeg_take_so_long

A fun water fountain to splash your mouse in!

Project link: https://3pch1.csb.app Code link: https://codesandbox.io/s/3pch1

Drip, drip, drip

drip_effect When you draw, your drawings will drip away!

Project link: https://x2d6s.csb.app/ Code link: https://codesandbox.io/s/x2d6s

Dizzying but fun!

canvas_mouse_fx

An experiment using mouse velocities to set the particle velocities, creating for a very interesting effect!

Project link: https://gomot.csb.app/ Code link: https://codesandbox.io/s/gomot/

A cool text effect! (Perfect for intros?)

canvas_text explosion_text_fx

A super cool project using canvas' getImageData to scan text, then creating particles to form that text and having those interact with the mouse and each other.

Code link: https://codesandbox.io/s/competent-galileo-o3dgp Project link: https://o3dgp.csb.app

Particles with the Pythagorean theorem!

Particles

A satisfying particles effect I made for fun.

Code link: https://replit.com/@ExplosionScratc/Sci-fi-canvas-particles-effect Project link: https://sci-fi-canvas-particles-effect.explosionscratc.repl.co/

Image reveal rain

rain2

Using canvas' getImageData method, I get the pixels of the image, then I set particles color based on that. Making a super cool end result!

Code link: https://replit.com/@ExplosionScratc/canvas-particles Project link: https://canvas-particles.explosionscratc.repl.co

Random particle effect

scratch_particle_effect

Random particles effect I did as an experiment, interesting 'physics' Code link: https://codesandbox.io/s/epicness-yrr5v Project link: https://yrr5v.csb.app

URL Shortener:

slight A URL shortener I made that doesn't track, supports custom ID's, and is super fast and user friendly! Made in Node.js, Vue.js and tailwind.css

Code link: https://slight.gq/__repl Project link: https://slight.gq

Bookmarklet maker:

output Creating a bookmarklet no longer requires coding knowledge! Code link: https://codesandbox.io/s/competent-snowflake-qzlxp?file=/script.js Project link: https://qzlxp.csb.app

Bijou.js

bijou logo

Bijou.js โ€“ A comprehensive library of JavaScript snippets, super easy to use and super helpful! ๐Ÿ˜ƒ

Prompt/alert engine

image

A comprehensive alert and prompt engine that looks amazing! Easy to use, supports callbacks, promises and more!

Code link: https://codesandbox.io/s/popup-modal-with-prompt-trqhj

Project link: https://trqhj.csb.app

Send me an email with client side JS!

image An easy way to send me an email using EmailJS! It works really well! ๐Ÿ‘๐Ÿป

Code link: https://codesandbox.io/s/send-me-an-email-working-v3j0b

Project link: https://v3j0b.csb.app

Screen recorder

image

A super simple screen recorder supporting recording a tab, window, or even your whole desktop!

Code link: https://codesandbox.io/s/screen-recorder-wjon6

Project link: https://wjon6.csb.app/

Javascript Mousemove effect

image A super cool mousemove effect using canvas!

Code link: https://codesandbox.io/s/mouse-effect-particles-7snyo

Project link: https://7snyo.csb.app

Code editor

code_editor Code link: https://codesandbox.io/s/fpek0 Project link: https://fpek0.csb.app/

OCR

image

This converts an image into a searchable PDF using Tesseract.js!

Code link: https://codesandbox.io/s/ocr-uoji2

Project link: https://uoji2.csb.app

NodeJS

Notes app with GitHub auth

image

An easy to use notes app supporting markdown, code snippets, public and private notes, user profiles and more! Link: https://notes.explosionscratc.repl.co Code: https://notes.explosionscratc.repl.co/__repl

Google-like search engine

image

A google-like search engine that uses a backend nodejs server to get "Did you mean" suggestions, search results, definitions of words, and quick answers to questions. Works without reloading the page every time, and unlike google, is completely anonymous and free. No advertisements, tracking, but I did add some beautiful graphics!

Project link: https://google.explosionscratc.repl.co Code link: https://google.explosionscratc.repl.co/__repl

Discord unblocker

image

I made a website that uses discord.js through a bot to send messages to my discord server. It supports channel selection, markdown, images and much more!

Link: https://discordunblock.explosionscratc.repl.co/ Code: https://discordunblock.explosionscratc.repl.co/__repl NOTE: You need to know the password to use it, so you can't use it rn, sorry. Email me if you want to use it.

Grammar checker

image

This is a comprehensive grammar checker supporting passive language, hard to read sentences, dictionary lookup of words and more! Try it out!

Code link: https://codesandbox.io/s/grammar-checker-working-dwvzq

Project link: https://dwvzq.csb.app

Translate API

An easy to use API for translating text, detecting its language and more! Supports translation to and from every language! I also made bookmarklets to use it with Duolingo to get the answer right just by clicking it! Email me if you want them! ([email protected]). Code link: https://codesandbox.io/s/translate-api-t6iuc Project link: https://t6iuc.sse.codesandbox.io?q=Bonjour&to=Spanish (This link will translate "Bonjour" (Hello in French) to Spanish)

Code Beautifier

image

This beautifies many code languages and gives a nice, simple output!

Code link: https://codesandbox.io/s/code-prettier-049x8

Project link: https://049x8.csb.app

Collaborative rich text editor using Socket.io

image

This is a rich text editor supporting collaboration! It uses Socket.io as the framework for this! Code link: https://codesandbox.io/s/collab-text-editor-working-d7qk7 Project link: https://d7qk7.csb.app

Scratch redirect API

Simply redirects you to the oldest, most relevant scratch forum topic! (https://ngzq0.sse.codesandbox.io?q=Cloud%20Variables)

Code link: https://codesandbox.io/s/scratch-duplicate-redirect-tool-ngzq0

Project link: https://ngzq0.sse.codesandbox.io/

YouTube downloader

image

Supports downloading any video on YouTube at any resolution or filetype! This is my most popular project as of writing and has ~480 views!

Code link: https://codesandbox.io/s/youtube-4n8hm

Project link: https://4n8hm.csb.app

URL Shortener

image

Code link: https://codesandbox.io/s/gallant-golick-zru1d

Project link: https://zru1d.csb.app

HTML/CSS

Calculator

calculator

A beautiful calculator I made with the help of a YouTube tutorial, it works smoothly, and amazingly! It is one of the few coding projects that I actually use regularly!

Code link: https://codesandbox.io/s/calculator-jqigu

Project link: https://jqigu.csb.app

Loading Animation

loading

A slick loading animation that I made with CSS ::before and ::after elements!

Code link: https://codesandbox.io/s/loading-thing-ek1di

Project link: https://ek1di.csb.app

Discord bots:

YouTube bot: disc_bot

Google bot: google_bot

projects's People

Contributors

explosion-scratch avatar ttury avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

projects's Issues

Projects Directory


Projects Directory


A list of all the projects I've made and I'm still working on!

OnDrop - The quickest way to share files

OnDrop is the quickest way to send files to anyone, near or far! Works in realtime using socket.io and node.js! Installable as a PWA as well!

Project link: https://ondrop.explosionscratc.repl.co

Code link: https://github.com/explosion-scratch/ondrop

Useful coding resources for developers

A bunch of useful coding wesites and resources for coders and developers! Please check it out! It took a long time to type.

Project link: https://gist.github.com/Explosion-Scratch/18a27590b4aa6a0b12bfe515ad5f5c84

Code link: https://gist.github.com/Explosion-Scratch/18a27590b4aa6a0b12bfe515ad5f5c84

Mandelbrot fractal set

The Mandelbrot fractal set rendered using JavaScript and p5.js!

Project link: https://wkz6g.csb.app

Code link: https://codesandbox.io/s/wkz6g

Color picker for developers!

Color picker that uses google images! Search something and it will come up with all the colors in the images that google images turns up! Then you can copy colors and use them in your projects!

Project link: https://github.com/Explosion-Scratch/colorizer

Code link: https://github.com/Explosion-Scratch/colorizer

Eliminate most of browsing!

Press tilde then press tab, then enter something and go to the first search result for it!

Project link: https://github.com/Explosion-Scratch/search_ext

Code link: https://github.com/Explosion-Scratch/search_ext

Quick answers to any coding question!

Quickly get the code you need to any programming question you might have! Searches stackoverflow for the best result to your query then returns relevant code and questions! Supports all programming languages!

Project link: https://quick-code-search-testing-thing.explosionscratc.repl.co/

Code link: https://quick-code-search-testing-thing.explosionscratc.repl.co/__repl

Spotify song matching

Find related and good sounding songs to the songs you like! Simply enter a few songs that you like, and let the program do the rest! Generates spotify links and cover art for each song as well!

Project link: https://test-or-1.explosionscratc.repl.co/

Code link: https://test-or-1.explosionscratc.repl.co/__repl

Natural language processing calendar

Convert natural language to a Google calendar event! Made with compromise.js!

Project link: https://nlp.explosionscratc.repl.co

Code link: https://nlp.explosionscratc.repl.co/__repl

Perlin noise with p5.js

A beautiful perlin noise effect using p5.js!

Project link: https://oggek.csb.app

Code link: https://codesandbox.io/s/holy-fire-oggek

Simple icons library

Simple icons library! Supports the use of [search term] tags and animated icons!

Project link: https://icon-library-im-working-on.explosionscratc.repl.co/

Code link: https://replit.com/@ExplosionScratc/icon-library-Im-working-on

Conway's Game of Life

The famous game of life! Recreated in JavaScript canvas

Project link: https://gol.explosionscratc.repl.co

Code link: https://replit.com/@ExplosionScratc/gol

Gooey text

A gooey text effect using SVG filters on canvas.

Project link: https://gmb05.csb.app

Code link: https://codesandbox.io/s/gmb05

Water Foutain

A fun water fountain to splash your mouse in!

Project link: https://3pch1.csb.app/

Code link: https://codesandbox.io/s/3pch1

Drip, drip, drip

When you draw, your drawings will drip away!

Project link: https://x2d6s.csb.app/

Code link: https://codesandbox.io/s/x2d6s

Dizzying but fun!

An experiment using mouse velocities to set the particle velocities, creating for a very interesting effect!

Project link: https://gomot.csb.app/

Code link: https://codesandbox.io/s/gomot/

A cool text effect!

A super cool project that scans text, then creates particles to form that text which interact with the mouse and each other.

Project link: https://canvas-particles.explosionscratc.repl.co

Code link: https://replit.com/@ExplosionScratc/canvas-particles

Random particle effect

Random particles effect I did as an experiment, interesting 'physics'

Project link: https://yrr5v.csb.app

Code link: https://codesandbox.io/s/epicness-yrr5v

Particles with the Pythagorean theorem!

A satisfying particle effect that uses the pythagorean theorum to connect particles

Project link: https://sci-fi-canvas-particles-effect.explosionscratc.repl.co/

Code link: https://replit.com/@ExplosionScratc/Sci-fi-canvas-particles-effect

Image reveal rain

An amazing canvas effect which reveals an image through stunning particle rain

Project link: https://canvas-particles.explosionscratc.repl.co

Code link: https://replit.com/@ExplosionScratc/canvas-particles

URL Shortener:

A URL shortener I made that doesn't track, supports custom ID's, and is super fast and user friendly! Made in Node.js, Vue.js and tailwind.css

Project link: https://slight.gq

Code link: https://slight.gq/__repl

Bookmarklet maker:

Creating a bookmarklet no longer requires coding knowledge! A simple to use interface resulting in a neato bookmarklet!

Project link: https://qzlxp.csb.app

Code link: https://codesandbox.io/s/competent-snowflake-qzlxp?file=/script.js

YouTube bot

An easy to use youtube discord bot! Supports progress, pausing and resuming, volume, downloading videos and more!

Project link: https://replit.com/@ExplosionScratc/ytbot

Code link: https://replit.com/@ExplosionScratc/ytbot

Google bot

A super simple bot that lets you google anything without leaving discord! Also supports defining words, autocompleting terms, and more!

Project link: https://replit.com/@ExplosionScratc/google-bot

Code link: https://replit.com/@ExplosionScratc/google-bot

Animals bot

A discord bot that lets you farm, adopt, and give away animals!

Project link: https://replit.com/@ExplosionScratc/animals

Code link: https://replit.com/@ExplosionScratc/animals

Bijou.js

Bijou.js โ€“ A comprehensive library of JavaScript snippets, super easy to use and super helpful! ๐Ÿ˜ƒ

Project link: https://bijou.js.org

Code link: https://github.com/bijoujs/bijou.js

Prompt/alert engine

A comprehensive alert and prompt engine that looks amazing! Easy to use, supports callbacks, promises and more!

Project link: https://trqhj.csb.app

Code link: https://codesandbox.io/s/popup-modal-with-prompt-trqhj

Send me an email with client side JS!

An easy way to send me an email using EmailJS! It works really well! ๐Ÿ‘๐Ÿป

Project link: https://v3j0b.csb.app

Code link: https://codesandbox.io/s/send-me-an-email-working-v3j0b

Screen recorder

A super simple screen recorder supporting recording a tab, window, or even your whole desktop!

Project link: https://wjon6.csb.app/

Code link: https://codesandbox.io/s/screen-recorder-wjon6

Javascript Mousemove effect

A super cool mousemove effect using canvas!

Project link: https://7snyo.csb.app

Code link: https://codesandbox.io/s/mouse-effect-particles-7snyo

Code editor

Super simple, shareable, customizeable and easy to use code editor.

Project link: https://fpek0.csb.app/

Code link: https://codesandbox.io/s/fpek0

OCR

This converts an image into a searchable PDF using Tesseract.js!

Project link: https://uoji2.csb.app

Code link: https://codesandbox.io/s/ocr-uoji2

Notes app with GitHub auth

An easy to use notes app supporting markdown, code snippets, public and private notes, user profiles and more!

Project link: https://notes.explosionscratc.repl.co

Code link: https://notes.explosionscratc.repl.co/__repl

Google-like search engine

A google-like search engine that uses a backend nodejs server to get "Did you mean" suggestions, search results, definitions of words, and quick answers to questions. Works without reloading the page every time, and unlike google, is completely anonymous and free. No advertisements, tracking, but I did add some beautiful graphics!

Project link: https://google.explosionscratc.repl.co

Code link: https://google.explosionscratc.repl.co/__repl

Discord unblocker

I made a website that uses discord.js through a bot to send messages to my discord server. It supports channel selection, markdown, images and much more!

Project link: https://discordunblock.explosionscratc.repl.co/

Code link: https://discordunblock.explosionscratc.repl.co/__repl

Grammar checker

This is a comprehensive grammar checker supporting passive language, hard to read sentences, dictionary lookup of words and more! Try it out!

Project link: https://dwvzq.csb.app

Code link: https://codesandbox.io/s/grammar-checker-working-dwvzq

Translate API

An easy to use API for translating text I also made bookmarklets to use it with Duolingo to get the answer right just by clicking it!

Project link: https://t6iuc.sse.codesandbox.io?q=Bonjour&to=Spanish

Code link: https://codesandbox.io/s/translate-api-t6iuc

Code Beautifier

This beautifies many code languages and gives a nice, simple output!

Project link: https://049x8.csb.app

Code link: https://codesandbox.io/s/code-prettier-049x8

javascript,node.js,socket.io

This is a rich text editor supporting collaboration! It uses Socket.io as the framework for this!

Project link: https://d7qk7.csb.app

Code link: https://codesandbox.io/s/collab-text-editor-working-d7qk7

Scratch redirect API

Simply redirects you to the oldest, most relevant scratch forum topic! (https://ngzq0.sse.codesandbox.io?q=Cloud%20Variables)

Project link: https://ngzq0.sse.codesandbox.io/

Code link: https://codesandbox.io/s/scratch-duplicate-redirect-tool-ngzq0

YouTube downloader

Supports downloading any video on YouTube at any resolution or filetype! This is my most popular project as of writing and has ~480 views!

Project link: https://codesandbox.io/s/youtube-4n8hm

Code link: https://4n8hm.csb.app

URL Shortener

SImple URL Shortener.

Project link: https://zru1d.csb.app

Code link: https://codesandbox.io/s/gallant-golick-zru1d

Calculator

A beautiful calculator I made with the help of a YouTube tutorial, it works smoothly, and amazingly!

Project link: https://jqigu.csb.app

Code link: https://codesandbox.io/s/calculator-jqigu

Loading Animation

A slick loading animation that I made with CSS ::before and ::after elements!

Project link: https://ek1di.csb.app

Code link: https://codesandbox.io/s/loading-thing-ek1di

Weather app

An easy to use weather app for getting the weather in any city! (One of my first projects!)

Project link: https://js-stuff.cf/weather.html

Code link: https://github.com/Explosion-Scratch/projects/blob/master/weather.html

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.