Portfolio

Filter projects by tag

Three.js Car Game

October 6, 2020

A game created with Three.js, the library used to generate 3D graphic, and Physijs, library built on top of Ammo.js and used to add physics to a 3D scene. The game is played using a keyboard and the goal is to push the ball through one of the two doors in the field. The game never ends as it continues to generate a ball or a car when these fall from the plane.

WSIW Movies App

September 23, 2020

React app powered by the TMDb API. Easily explore the latest movies recommendations or look into the database for your favourite movie. Few details characterise the UX of this app, such as cool transitions in the search box, a dynamic section title, movies ratings transitions, horizontal transition for the movie card details. The app is totally responsive and mobile-friendly.

D3 Interactive Scatterplot

August 22, 2020

Interactive scatterplot created using JavaScript library D3.js. Moving the mouse over the different dots it is possible the information that have been retrieved using the Fetch API.

D3 Interactive Bar Chart

August 10, 2020

Interactive bar chart created using JavaScript library D3.js. It is possible to interact with the chart and get the information stored and associated to each bar. The project also requires to retrieve the data asynchronously from a provided location and this has been done using the Fetch API.

Portfolio v1

July 26, 2020

The first version of my portfolio, built using GatsbyJS and styled using SCSS. It includes an "About" section with toggles to provide a tidier view, a "Digital Garden" where I include articles and notes and a "Contact" section that is handled by the Netlify Forms feature.

Pomodoro Clock

July 10, 2020

Pomodoro Clock built using ReactJS and CSS for styling. Project built as one of the five projects required to get the "Front End Libraries" certification from FreeCodeCamp.

Reac(t)alculator

July 10, 2020

Calculator built with ReactJS and styled with CSS. It has been built as one of the five projects needed to get the FreeCodeCamp "Front End Libraries" certification.

Movie Seat Booking

June 21, 2020

UI idea for a cinema booking system. The initial idea has been taken from a project part of one of Brad Traversy's Udemy JavaScript courses. The project has been expanded and new functionalities have been introduced.

Drum Machine

June 14, 2020

This project has been built as part of the "Front End Libraries" certification of FreeCodeCamp. The main functionalities are implemented through JavaScript, which allows to interact with the DOM and provides functionality to keyboard and mouse to play the different sounds.

Created by Federico Cipriani with Gatsby and Contentful © 2020