Skip to content
Igor Dinuzzi

Fun · Front end and React

Things I built because I wanted to

Side projects where I get to write the code as well as draw it. Every one is live, and every one has its source open.

The Fietsen homepage, a lime green hero with an orange Dutch bicycle and the line discover your perfect ride, above a search bar and a row of bike listings showing seller, location, condition and price.

Fietsen

A React e-commerce platform for buying and selling second hand Dutch bicycles. Built on a modular component system with React Bootstrap, it has live search filtering, a multi step checkout with validation, dynamic cart management, and a listing form for people selling their own bikes.

  • React
  • React Bootstrap

Open the live site (opens in a new tab)View the code (opens in a new tab)

The News Feed application, with a masthead and date, a weather line, a search field, eleven source filter buttons including NY Times, Politico, CNN and El Mundo, and two article cards with headlines, standfirsts and photographs.

News Feed

An interactive RSS aggregator built with modern JavaScript, HTML5 and CSS3. It processes feeds live and adds the things a custom reader wants: a dark and light theme toggle, weather tied to your location, filtering across several languages, and sharing straight out to social, all inside a responsive layout.

  • JavaScript
  • HTML5
  • CSS3

Open the live site (opens in a new tab)View the code (opens in a new tab)

Igor's Arcade landing page on a pink background, with three pixel art game panels in cyan, pink and yellow for Minesweeper, Stacker and Ducker, each with a live board and a play button beneath it.

Igor's Arcade

A retro gaming hub with three arcade classics written from scratch: Minesweeper, Stacker and Ducker. Vanilla JavaScript, Bootstrap 4 and CSS3 animation, built around event driven UI logic, game loops and collision detection, and kept accessible and responsive on desktop and mobile.

  • Vanilla JavaScript
  • Bootstrap 4
  • CSS3

Open the live site (opens in a new tab)View the code (opens in a new tab)

The Yamanote Melodies interface, a lime green page with the JY line badge and a dotted vertical line connecting numbered station circles, each beside its name in romaji, kanji and hiragana, from Tokyo through Kanda, Akihabara and Ueno.

Yamanote Melodies

A React application that maps and plays the departure jingles and ambient sound of every station on the Tokyo Yamanote Line. React Bootstrap and FontAwesome, with custom audio player controls, an interactive station map, and a mobile first layout that tries to make the transit experience immersive rather than informational.

  • React
  • React Bootstrap
  • FontAwesome

Open the live site (opens in a new tab)View the code (opens in a new tab)