My story: RanPic

RanPic is a random avatar (or abstract image) generator. Select a hue and generate a random avatar for your profile picture. It creates a random kaleidoscope-like image made of triangles and circles on a white background. The user can select the hue for the shapes.

This project was inspired by Identicons used as default avatars on GitHub. I decided to make something more variable and customizable, and this is the result.

The app uses the standard Worker API. The worker runs as a separate thread to render the image using OffscreenCanvas API. Since the app is completely static, I used Netlify to host it.

This is also a Progressive Web App (PWA), so it can be installed on a mobile device and used offline. I used Vite-PWA to automatically generate the service worker at build time.

Originally, the idea of the project was implemented in PHP. The functionality of the image generator function is not identical, but the results are similar in spirit. The PHP version is available on a DigitalOcean droplet.