Hello.

Portrait picture of Shabier
Screenshot of TogetherTube project

TogetherTube

Socket.io, Caching, Performance, PWA

TogetherTube is a YouTube client that brings YouTube and playback sync together using Socket.io. Users can enter a YouTube URL in the search bar to open a player. On that page, they'll be greeted with the desired video along a live chat and related videos.

More projects

Screenshot of Read-It project

Read-it

PWA, Performance, Caching

Read-it is a progressive webapp that displays contents of a subreddit while focussing on the performance using techniques such as service-workers. The projects mainly focusses on the critical rendering path and improving it using compressions and client- and server side caching

Screenshot of Enquetter project

Enquetter

Accessability, Progressively Enhancement

Enquetter is a robust, progressively enhanced enquette service that focusses on all 3 of the accessability layers.

Screenshot of KNMI project

Project NO₂ x Corona

NextJS, D3

This project is developed for KNMI, the Dutch national weather forecasting service, to visualize the effects of a global pandemic on the NO₂ emissions in Europe.

Screenshot of Parking In The City project

Parking in the Netherlands

NextJS, D3

For the client, de Volkskrant, I've developed a visualization about the diversity of parking spaces in the Netherlands. The project has been graded with a ✨10✨.

Screenshot of the Crypto dashboard project

Coination

Vanilla JS, CSS, and HTML

This project displays the leading cryptocurrencies by market cap and provides a short description of them. The project is build using vanilla javascript and replicates features otherwise bundled in frameworks.

Screenshot of Nerdr.match() project

Nerdr.match()

CRUD

Nerdr.match() is an online dating platform for developers. Written with the stack: Node.js, Express.js, Axios, Bcrypt, and MongoDB.

Publications

Design trends: Neumorphic design

Design trends: Neumorphism

22k reads

In the early years of the modern user interfaces, we used to have skeuomorphic designs; it was a design mimicking its use case. For example, buttons were glossy, and the trashcan icon resembled deleting, and so on.

Design trends: Neumorphic design pt.2

Neumorphism pt.2

2k reads

While neumorphism inherits a practical design and gives it a beautiful minimalistic, we should also consider its accessibility. In this article we explore the nuances to neumorphism and we can solve this with darker colors

Web development: a Node CRUD web application

Node CRUD web application

< 1k reads

Last year, I got the opportunity to develop a CRUD application for a class in Node using Express and MongoDB. Today, one year later, I’m assisting the new generation of web developers to create their web app. With this guide, I’m hoping to make the development experience a bit better!

Find me on github or mail me at s.jagoori@gmail.com