Side Project Sunday! What's the latest?

I made a web app to showcase your GitHub projects.

Live Version
Source Code
Dev Article on how to set it up for your awesome projects

I am working on a collection of simple shapes that can easily be configured and downloaded for 3D printing. The site is static and everything will be generated in the browser. I am using Gatsby and JSCAD and Strapi to manage the content.

stl.parts/

$ goto considered helpful

$ goto is a CLI tool to quickly browse URLs specific to the current repository from the terminal and open them in your browser.

Since the URLs are stored in your repository (URLS.toml), the bookmarks are contextually relevant for your current project (link to issues, pull request, documentation website, wiki, libraries, ...). And they are shared with your colleagues.

Haven't released anything yet but I have a working prototype.

I'm enjoyed to develop a webpage with VueJS and the API of dev.to 💚

You can see that at

I'm making a simple snake game just to have some unwinding coding time.

github.com/Link2Twenty/SimpleSnake
link2twenty.github.io/SimpleSnake/

I'm making an Imut<T> for JavaScript/TypeScript.

import {Imut} from "./src/Imut.ts";

let dummy = new Imut({
  birth: [2000, 01, 01],
  name:  "John Doe"
});

dummy.birth             // [2000, 01, 01]
dummy.birth[0] = 1985;  // Error.
dummy.name              // "John Doe"

// Maps are an exception and act as sealed objects.
// This can be useful for allowing people to write
// and read the map but not add new properties.
let map =
  new Map().set("name", "")
    .set("description", "");

let data = new Imut(map);
data.name        = "Shrek";
data.description = "An epic dating back to 2000 about an ogre named Shrek.";

map.get("name")  // "Shrek"

I made a middleware named stalier for backend in typescript for nestjs and express that applies stale while revalidate cache strategy like react-query but for backend to allow cross session caching. This way if you use your phone or your desktops browser the cache is shared.

Not exactly the kind of "project" you're looking for here, but....

Submitting DMCA takedown requests through Google's DMCA dashboard for all of my DEV posts that have been blatantly infringed by a site that appears to scrape DEV on a large scale, replacing random words in posts, presumably by a drunk bot by the sound of the result.

It is almost certainly same infringer as alluded to by @perssondennis in this post:

How To Report a Site That Steals Your Articles

Dennis Persson ・ Jun 5 ・ 6 min read

#tutorial #career #webdev #productivity

I highly recommend reading Dennis's post above.

I created a CLI tool to quickly create React/Vite/NextJs projects with Tailwind ready-configured. It's written in Rust and is config-file based so you can easily personalise it with dependancies which you regularly use!

You can install it on Mac with a single command:
brew tap ozcap/quick-init && brew install quick-init.

This is my first time building something with Rust. Feedback appreciated!!

Github Repo

JamComments is live! It’s a comment service specifically built for Jamstack blogs, emphasizing performance, SEO-friendliness, and privacy.

It was built in response to comment platforms like Disqus, which require you to bog down your site with a huge JavaScript bundle and then render comments client-side.

JamComments is built to accept new comments and then trigger a build of your site, so that comments are embedded directly within your site’s makeup — no big JS bundle required and everything’s easily crawlable by SERPs.

jamcomments.com

I made Github action to send notification to Mattermost made with PHP. There are few of them made with Go, Javascript or Python but I wanted one made with PHP.

github.com/MayMeow/action-mattermo...
github.com/marketplace/actions/act...

- uses: MayMeow/action-mattermost-notify@main # this using main branch instead of published version
  with:
    url: ${{ secrets.MATTERMOST_WEBHOOK }} # required
    message: "Hello world from ${{ github.repository }}" # required

I'm working on LearnByVideo.dev, a site to help developers find programming tutorial videos with tech stack filtering and shareable playlists:

I've just got basic infite scrolling of recent videos up so far, but this weekend, I dug deep into Webpack bundling, to use ESM modules in a Common JS bundle for the serverless functions that I'm going to use (via Serverless Framework) to run the video update process.

I even wrote my first blog post on here about what I learned in the process.

We are listing some react challenges 10-35 minutes long, that would test if developer can implement most commonly used react features and write logics.

Like search with debounce, protected and dynamic routes, fetching multiple APIs using promise, etc.

The initial UI has already been done, so user should only work and worry about logics.

After a random conversation on Slack on Friday I started to build a analytics platform (think: Mixpanel) that would be "typed", i.e. would do some rudimentary checks on the payload of events, so you don't end up with garbage data you usually end up with in such platforms.

I'm improving 2ami, my 2FA authenticator CLI tool!

Is a small CLI app that runs cross platform and can generate 2FA OTPs and stores the needed secrets in the OS secure storage.

It's on GitHub! github.com/endorama/2ami