OCEAN
✦
✦
ABOUT
PROJECTS
CONTACT
⋆ LOCATION ⋆ LOCATION ⋆ LOCATION ⋆
⋆ TECHSTACK ⋆ TECHSTACK ⋆ TECHSTACK ⋆
⋆ PROGRAMS ⋆ PROGRAMS ⋆ PROGRAMS ⋆
✶
PROJECTS//01

TECHSTACK
MAIN LIBRARIES
DESCRIPTION
A portfolio website created for and in colaboration with the talented creative Oumar Kante.
//02

TECHSTACK
MAIN LIBRARIES
React-Three-Fiber
Blender
DESCRIPTION
My personal website inspired by MySpace. Serves as a portfolio for my current artwork.
//03

TECHSTACK
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

TECHSTACK
MAIN LIBRARIES
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

TECHSTACK
MAIN LIBRARIES
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

TECHSTACK
MAIN LIBRARIES
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

TECHSTACK
MAIN LIBRARIES
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

TECHSTACK
MAIN LIBRARIES
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

TECHSTACK
MAIN LIBRARIES
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.
✶
✶
✶
✶
✶
ABOUT
PROJECTS
CONTACT