Image credit: by Autumn road Patrick Tomasso The feeling of working on open source is strangely unique and fulfilling. You feel as though you’re contributing to a comprised of a network of brilliant people from all around the world. It’s a sensation that I rarely feel in my general work as a software engineer, and it reminds me of why I got into programming in the first place. greater good Towards that end, I’d love to share some of the open source projects that I’ve worked on, with the hope that they will inspire someone out there to do the same! Whether it’s finding a cool project that you’re interested in, forking it, and contributing back ( ), or if you want to get better at publishing your own open source projects, I encourage you to get out there and start committing! guide Most of these projects focus on JavaScript, broken down into the following categories: Node.js React Puppeteer FFmpeg Crawling Graphics Koa Misc Node.js — Updates a markdown document section with jsdoc documentation. Useful to automatically update a library’s readme with API docs. update-markdown-jsdoc — Updates a markdown document section with CLI usage info via . Useful to automatically update a CLI’s readme with Usage docs. update-markdown-usage --help — Collection of useful utilities for working with Google Cloud Storage. abstract-object-storage — Decorator to memoize the results of async functions via lru-cache. p-cache — Seedable random number generator supporting many common distributions. random — Efficient id / url shortener for Node.js backed by pluggable storage defaulting to redis. id-shortener — Easily allow your Node program to run in a target node version range to maximize compatibility. node-compat-require — Node.js module with simple concurrency control for awaiting an array of async results. async-await-parallel — Node.js client for the unofficial Snapchat API snapchat — Efficient mutable set data structure optimized for use with IPv4 and IPv6 addresses. The primary use case is for working with potentially large IP blacklists. ip-set — Computes a transform between two rects just like . ( ) rect-cover background-size: cover demo — Computes a transform between two rects just like . ( ) rect-contain background-size: contain demo — Checks if a user has starred a particular GitHub repo. github-is-starred — CLI to check if a user has starred a particular GitHub repo. github-is-starred-cli — Streaming torrent client for the web. ⚡️ ( ) ( ) webtorrent demo contributor — Function argument validation for humans. ( ) ow contributor — Linter for lists. ( ) awesome-lint Awesome contributor React — CLI for easily publishing modern react libraries. ⚡ create-react-library Create React Library (CRL) is easily one of my favorite and most used open source projects. It’s kind of like Create React App (CRA)’s younger sibling. It even uses CRA under the hood for example usage and local component development. — Boilerplate and CLI for publishing modern React modules with Rollup and example usage via create-react-app. react-modern-library-boilerplate create-react-library Example of using to create a reusable React component npm package. create-react-library — Sexy tiled background slideshow for React 🔥 ( ) react-background-slideshow demo -Canvas-based starfield animation for React ✨ ( ) react-starfield-animation demo — Bursting particle effect buttons for React 🎉 ( ) react-particle-effect-button demo — Canvas-based particle animation for React 🌐 ( ) react-particle-animation demo — React replacement for img with more control + fallback support. 🌃 ( ) react-block-image demo — Microphone recorder for React that captures mp3 audio 🎵 ( ) react-mp3-recorder demo — A sexy image comparison slider for React. ( ) react-before-after-slider demo Puppeteer — A curated list of awesome resources. awesome-puppeteer puppeteer — Robust text renderer using headless chrome. puppeteer-render-text — CLI for robust text renderer using headless chrome. puppeteer-render-text-cli Example output png produced by . puppeteer-render-text — Email automation driven by headless chrome. puppeteer-email — CLI for email automation driven by headless chrome. puppeteer-email-cli — Instagram automation driven by headless chrome. puppeteer-instagram — CLI for Instagram automation driven by headless chrome. puppeteer-instagram-cli — GitHub automation driven by headless chrome. puppeteer-github — CLI for GitHub automation driven by headless chrome. puppeteer-github-cli FFmpeg — Curated list of awesome resources with a focus on JavaScript. 👻 awesome-ffmpeg ffmpeg — Concats a list of videos together using ffmpeg with sexy OpenGL transitions. ffmpeg-concat — FFmpeg filter for applying GLSL transitions between video streams ( ). This is a more low-level C++ version of that extends ffmpeg itself. ffmpeg-gl-transition gl-transitions ffmpeg-concat OpenGL transitions demo (also applies to ) ffmpeg-concat ffmpeg-gl-transition — Wrapper around ffprobe for getting info about media files. ffmpeg-probe — Generates an attractive image strip or GIF preview from a video. ffmpeg-generate-video-preview GIF created with . ffmpeg-generate-video-preview — Extracts a single frame from a video. ffmpeg-extract-frame — Extracts screenshots from a video using ffmpeg. ffmpeg-extract-frames — Extracts an audio stream from a media file. ffmpeg-extract-audio — Utility for robustly reporting progress with fluent-ffmpeg. ffmpeg-on-progress — A comprehensive list of all ffmpeg commandline flags. ffmpeg-cli-flags — Computes the duration of an mp3 buffer in node or browser. ( ) get-mp3-duration demo — Wrapper around for reading metadata from many different file types. p-exiftool exiftool — Extracts frames from GIFs including inter-frame coalescing. gif-extract-frames Example extracted frames from a GIF via . gif-extract-frames Crawling handles many different types of captchas, including Google’s reCAPTCHA v2. captcha-solver — Library and CLI for automating captcha verification across multiple providers. captcha-solver — Parses mime-encoded email messages. parse-email — Parses OTP messages for a verification code and service provider. parse-otp-message — Allows you to spoof SMS number verification. sms-number-verifier — API client for . getsmscode getsmscode.com Graphics Before & After demo of the algorithm reconstructing an image with 500 random shapes. primitive — Reproduce images from geometric primitives. ( ) primitive demo — CLI to reproduce images from geometric primitives. primitive-cli — Perceptual image hashing via . phash-im imagemagick — Perceptual GIF hashing for easily finding near-duplicate GIFs. phash-gif — Cool 2D dissolve effect generator. ( ) dissolve demo Demo of effect generator. dissolve Koa — CRUD middleware for Mongoose models. koa2-mongoose-crud Koa 2 — microservices with batteries included. koa-micro Koa 2 — API boilerplate with batteries-included. koa-api-boilerplate Koa 2 Misc — C++ Rendering Framework w/ MLT, bidi path tracing, etc. and OpenGL Previews (undergrad thesis project from Brown ‘09). Milton ( ) The same scene rendered using ray tracing (top left), path tracing (top right), bidirectional path tracing (bottom left), and MLT (bottom right). The brute force path traced version in the top right should be seen as a correct, reference image. Note the lack of caustics on the floor and lack of indirect illumination in the ray traced version. Discrepancies in the bidirectional path tracing and MLT renders are due to differences in tone mapping as well as implementation issues with correctly handling specular paths. Milton — Cross-platform IDE for students learning assembly on the MIPS architecture. The focus is on a convenient debugging environment, including a visual, reversible debugger. Mipscope — iOS n-body simulation visualized with metaballs. Physics and graphics provided by SpriteKit. Gravity-spritekit — iOS n-body simulation combined visualized with metaballs. Physics and graphics provided by cocos2d. Gravity-cocos2d Gravity visualization demo ( , ). Gravity-spritekit Gravity-cocos2d Conclusion I’ve had a of fun creating all of these open source modules & demos. The open source community is thriving, especially for JavaScript & NPM. lot Hopefully, one or more of these projects will spark your curiosity to fork & experiment… or you’ll go on to create your own open source projects that are better than mine! 😜 And finally, follow me on if you want more awesome open source goodness! github Before you go… If you liked this article, click the 👏 below, and share it with others so they can enjoy it as well.

Assembly

Community Is

Google

Instagram

Target

The Best of "npm install -g"

Automagical Architecture

Check out my site for more

Nominated for 2022 - HackerNoon Contributor of the Year - Typescript

Nominated for 2022 - HackerNoon Contributor of the Year - Developer Tools

Too Long; Didn't Read

My Journey Through Open Source

My Journey Through Open Source

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

7 Different Ways to Use ES Modules Today!

The Noonification: Reduce Javascript: Master the Basics (1/11/2023)

The Noonification: Satoshi Might Be a Bitcoin ETF Skeptic (1/13/2024)

The Noonification: Small Puddle of Freedom (11/25/2022)

The Noonification: How to Use AI for Your B2B Marketing (11/11/2022)

7 Different Ways to Use ES Modules Today!

The Noonification: Reduce Javascript: Master the Basics (1/11/2023)

The Noonification: Satoshi Might Be a Bitcoin ETF Skeptic (1/13/2024)

The Noonification: Small Puddle of Freedom (11/25/2022)

The Noonification: How to Use AI for Your B2B Marketing (11/11/2022)

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps