OCEAN

FRONT-END DEVELOPER

⋆ LOCATION ⋆ LOCATION ⋆ LOCATION ⋆

NEW YORK CITY

⋆ TECHSTACK ⋆ TECHSTACK ⋆ TECHSTACK ⋆

HTML CSS/SCSS JAVASCRIPT REACT R3F FRAMER VITE

⋆ PROGRAMS ⋆ PROGRAMS ⋆ PROGRAMS ⋆

ADOBE ILLUSTRATOR FIGMA BLENDER GIMP CANVA

PROJECTS

//01

Photography Portfolio

TECHSTACK

tech logotech logotech logo

MAIN LIBRARIES

tech logo

DESCRIPTION

A portfolio website created for and in colaboration with the talented creative Oumar Kante.

//02

galleryOcean

TECHSTACK

tech logotech logotech logo

MAIN LIBRARIES

tech logo

React-Three-Fiber

Blender

DESCRIPTION

My personal website inspired by MySpace. Serves as a portfolio for my current artwork.

//03

Cliques

TECHSTACK

tech logotech logotech logo

REACT NATIVE

GRADLE

MAIN LIBRARIES

REST APIs

Axios

ANDROID STUDIOS

Google Play Services

BitBucket

Firebase

DESCRIPTION

I was the lead front end developer for this mobile application (now Gather). I handled front end UI/UX as well as managing scheduled update releases on Google Play Services. Including creating visual documentation in Figma, marketing content in Canva, and database rule management in FireBase. Currently available on iOS and Google Play stores.

//04

Artist Landing Page

TECHSTACK

tech logotech logotech logotech logo

MAIN LIBRARIES

tech logo

React-Three-Fiber

Blender

TS-Particles

DESCRIPTION

A unique, vibrant, and video-game inspired landing page with an infinite 3D movement effect. 3D assets for this project created by me in Blender and brought to life on the web using ThreeJS for React (R3F).

//05

Retail Website

TECHSTACK

tech logotech logotech logotech logo

MAIN LIBRARIES

tech logo

Jotai

React Router

DESCRIPTION

This is a mock e-commerce website using front-end features combined with global state management handled by Jotai and pagination with React Router. Features include a randomly generated list of clothing items to select your desired purchase, filtering clothing items on the clothing page by price or rating, adding items from your shopping or favorites cart, and a checkout page to view your total and mock form to complete purchases.

//06

QR Code Generator

TECHSTACK

tech logotech logotech logo

MAIN LIBRARIES

tech logo

react-qr-code

DESCRIPTION

This website makes use of the library react-qr-code to generate, customize, and download your own QR Codes for websites, business cards, social media, you name it! This project highlights some interesting features possible with the library such as SVG to PNG conversion for file downloads and state management to handle the styling of SVG elements.

//07

Spotify Playlist Maker

TECHSTACK

tech logotech logo

MAIN LIBRARIES

tech logo

React-Context

Spotify API

DESCRIPTION

This web application makes use of the SpotifyAPI to search your favorite songs and create custom playlists to upload directly to Spotify. The major features for this website include searching the Spotify database to find your favorite songs and creating/editing custom playlist to publish to your Spotify account. This project was my way of diving into understanding core concepts around React Context, handling token requests and API data, hiding important API keys for production with dotenv and through Netlify, repository history management on GitHub with GitBash, as well as the overall workflow for SPA's in React without using major libraries. You do not need to authorize your account to create the playlist, only to upload!

//08

Ticket Authentication Site

TECHSTACK

tech logotech logotech logotech logo

MAIN LIBRARIES

tech logo

React Context

DESCRIPTION

This website explores mock form validation techniques with features such as being able to generate a randomized custom ticket in similar format to a gift or CC. The form may only be submitted if the proper mock data is supplied to the appropriate fields.

//09

Random Website Generator

TECHSTACK

tech logotech logotech logo

MAIN LIBRARIES

tech logo

DESCRIPTION

This website is powered by HTML, CSS, JavaScript and deployed with Netlify. This tool immerses users in a recreation of the Windows XP operating system, complete with a pseudo Microsoft Paint allowing users to create digital artworks and save them locally, a pseudo Internet Explorer that serves as a random website generator allowing users to visit over 100 websites from all corners of the internet, and a live messaging system to chat with other visitors who have visited, this project transports users back in time in a trip down memory lane to relive the charm of the past through a modern lens.