S e a n
N i e s e n

This project features ThreeJS meshes that have had custom shaders applied to them. The shaders react to the amount of time since the page has loaded, the position of the mouse, the position of the mesh in the scene, and the amplitude of the audio being generated by the Tone.JS library.

When a user hovers over a mesh, a note is triggered on a Tone.JS synthesizer. Parameters of the synthesizer are controlled by aspects of the scene such as the position of the mesh being hovered over. The amplitude of the sound generated by the synthesizer is used in the shaders in the scene.

A user can sign in with their Github account, add the technologies that they use to their profile, and browse or search projects based on tech stack. Users can create projects and add a list of technologies used to each project. Users can add other users to their projects. There are currently three roles available for a project: Owner, Developer, and Designer.

I am currently working on this app with two other US based developers through an organization called Chingu which matches developers and designers up to work on six week collaborative projects. I have mostly been working on the React and Tailwind CSS code for this project. I have also done a little bit of backend code creating API endpoints in Express and database queries in MongoDB.

A food order placing React app which uses Google Material UI components, Formik with Yup validation, Google Firebase database and photo storage, and the Google Maps Api.

A user can login (credentials are displayed on the home screen) and create a restaurant. Restaurants have a name, description, address and photo. The address field uses Google Places Autocomplete. If the user provides a valid address for their restaurant, the app will geocode the restaurant's address and place the restaurant's location on a google map.

Some restaurants in the app have menu items which are stored in the database. The user can add menu items to the cart and place an order. Their order is stored in the database.

This application displays the most recent tweets in english with #CocaCola with a theme that is branded for Coca-Cola©. All hashtags, users and links are clickable. Hashtags and users search twitter for their respective content and links take you to the respective link.

This app was built with Twit (Twitter API client for Node), NodeJS, Express, JQuery, and SASS.

A clone of the Netflix Web App homepage made with React and the TMDB API. A trailer of the selected movie is displayed on click. Movie trailers are accessed through the movie-trailer npm package.

A PSD wireframe mockup of a webpage recreated in CSS, HTML and JavaScript. The page is responsive and includes some JS functionality.