projects

List of projects.

CareAcademy Design System
VueJSSCSSNPM
CareAcademy Design System

Content pending...

CareAcademy Platform
VueJSSCSSRuby on Rails
CareAcademy Platform

Content pending...

My Portfolio
GridsomeVue.jsContentfulTailwindcss
My Portfolio

I started this portfolio to showcase my wins and projects.

Prefect-Design Open Source Repo
Vue 3 Composition APITypescriptTailwindCSSOSS
Prefect-Design Open Source Repo

I was an active contributor to Prefect Design. Prefect Design is a UI Component library built on Vue 3 and Typescript. Components are designed on top of Tailwind CSS, so each component is beautiful and responsive.

Prefect Cloud 2 UI and Prefect 2 UI
TypescriptVue 3 Composition API
Prefect Cloud 2 UI and Prefect 2 UI

I worked on the UI for Prefect Cloud 2, which is a SaaS tool dedicated to automate and monitor managed workflows.

Prefect Technologies, Inc
Vue.jsGridsomeTailwindcssContentful
Prefect Technologies, Inc

During my tenure at Prefect Technologies, I built a platform that enabled the marketing team to publish more than 500 resources and expanded the attribution ecosystem on the website to foster user engagement and growth.

AdPro 360° Results
HTMLCSSJSPHP
AdPro 360° Results

My work here is still being used, despite some changes being made overtime. This proves that the work I produce is a worthwhile investment you will use for years to come.

small-projects

Creating Interactive Data Visualizations with D3.js
D3.jsTree MapData Visualization
Creating Interactive Data Visualizations with D3.js

Data is all around us, but it doesn't mean much without shape or context. A project about data visualization.

Three.js Certificate Project Test
GSAPThree.jsNuxt.jsVue.jsTailwind CSS
Three.js Certificate Project Test

This project showcases the use of GSAP, Three.js, Nuxt.js, Vue.js, and TailwindCSS. The canvas background features rotating vertices and components are animated with GSAP. The tech stack ensures a responsive and visually consistent interface.

Visualizing geographical json data on a USA Map
d3.jschoropleth
Visualizing geographical json data on a USA Map

My 'United States Educational Attainment' visualization is a great example of the power and flexibility of D3.js for data visualization.

Markdown Previewer
HAMLSCSSReact.jsBabel
Markdown Previewer

Markdown is a lightweight markup language that can be easily converted into HTML, making it a popular choice for creating documents and webpages.

Random Quote Generator
jQuerySCSSHTML
Random Quote Generator

Generates a random quote and updates the visual background.

Front End Software Engineer and Web Designer

Web Application Development and User Experience Expert

© Copyright 2024.