A stylish pug wearing a tailored pink suit jacket, a light blue button-up shirt, and a navy pocket square. The pug also sports blue-tinted sunglasses, exuding a fashionable and confident vibe. The background is a neutral tone, making the pug's outfit and accessories stand out prominently

About Me

Hi, I’m Vie (/vi/), a Full Stack Software Engineer and artist passionate about creating accessible, inclusive, and impactful web experiences. With a background as a licensed massage therapist, I bring a unique attention to detail and care to every project, designing user-centered solutions that foster connection. Fluent in English and Spanish, I combine technical expertise with creativity to craft technology and visuals that address real-world challenges while leaving a positive, lasting impact.

View My GitHub Contact Me for Software Engineering Inquiries

My Portfolio

What Do You Know About COVID-19?

What Do You Know About COVID-19? is a public health advocacy platform designed to empower communities with reliable information about COVID-19. The platform combines a MongoDB-powered backend and a React-based frontend to provide seamless browsing and filtering of articles by keyword, year, and category, with each article also briefly summarized for easy understanding. It offers an intuitive, responsive interface with advanced search capabilities, pagination, and accessibility features to ensure an inclusive user experience. Dedicated to honoring those impacted by the pandemic, the project also serves as a resource for fostering awareness and informed decision-making. Future plans include personalized user features, real-time updates, and expanded tools for community advocacy.

Website GitHub
A stylish pug using a smartphone in a cozy café, representing the Lumigram social media experience. The scene is vibrant, incorporating warm tones with teal, red, and beige highlights.

Lumigram - Mobile Full Stack

Lumigram is a fully functional Instagram-like clone built with React Native (Expo) and Firebase, developed in two parts. Part 1 focused on building the frontend UI and navigation using React Native, while Part 2 integrated Firebase as the backend, enabling authentication, database management, and real-time updates. The app allows users to create, engage with, and manage posts in a seamless, intuitive interface. Key features include authentication, infinite scrolling, favorites, post deletion, and profile search, as well as gesture-based interactions such as long press to reveal captions and double tap to favorite posts. Lumigram also provides a visually engaging profile system, where users can customize their display picture and username. The project showcases optimized state management, Firestore queries, and a refined user experience with animations and haptic feedback.

GitHub
Screenshot of the Vietify Music Player in light mode. The interface has a vibrant color scheme with a gradient background transitioning from turquoise to purple. The left panel displays the currently playing song, Painted in Blue by Soul Canvas, with an artistic album cover featuring musical notes forming ocean waves. Below the cover are playback controls, including play/pause, rewind, fast forward, speed adjustment, and volume control. The right panel contains the playlist with multiple songs, highlighting the currently playing track. A 'Switch to Dark Mode' button is positioned at the top right. The footer includes the Vietify logo, a credit to Atlas School, and a link to the GitHub repository.

Vietify Music Player

Vietify Music Player is a feature-rich music player built with React, TypeScript, and Tailwind CSS, following a structured three-phase development process. The application started with styling, evolved with TypeScript-based interactivity, and was refined through extensive unit testing and continuous integration. The project includes API-driven playlist management, playback controls, speed toggling, and accessibility features. Testing was implemented using Vitest, Testing Library, and Mock Service Worker (MSW), with GitHub Actions automating test execution and coverage reporting.

Live Demo GitHub
A screenshot of Cinema Guru, showing a sleek movie-tracking interface with a collapsible sidebar, movie filters, and user activity feed. The interface has a modern dark theme with teal highlights, making movie browsing intuitive and visually appealing.

Cinema Guru

Cinema Guru is a full-stack, IMDb-like movie application developed to practice building interactive, data-driven applications. The platform allows users to browse movies, filter by genre and year, favorite movies, and add them to a watch later list. A dynamic activity feed tracks user interactions in real-time.

Built with Next.js, Tailwind CSS, and TypeScript, the project integrates GitHub OAuth authentication and PostgreSQL database management. It features responsive UI components, pagination, and an optimized API for seamless user experience. The sidebar includes an expanding navigation menu with quick access to favorites, watch later, and latest activity. Deployed on Vercel, the application maintains authentication state and movie interactions across sessions.

Live Demo GitHub
A screenshot of the Joy of Painting API and SPA project, showcasing a clean, visually appealing interface with options to filter episodes by season, subject matter, and color palette. The interface reflects Bob Ross's serene and inspiring style, with calming colors and intuitive navigation.

Joy of Painting API and SPA

A full-stack web application inspired by Bob Ross’s The Joy of Painting. This project combines a MongoDB-powered backend with a React-based front end, allowing users to explore and filter over 400 episodes by year, month, subject matter, color palette and season. Deployed on Vercel, the platform provides a responsive and intuitive interface that celebrates Bob Ross’s artistic legacy while showcasing modern development practices.

Website GitHub
A screenshot of the 'What Do You Know About Love?' project. The interface showcases a colorful, responsive design with questions about love and user-submitted answers displayed as cards with matching images.

What Do You Know About Love?

What Do You Know About Love? is a digital platform exploring love through personal storytelling and AI-generated visuals, built using HTML, CSS, JavaScript, Bootstrap, Google Apps Script, and DALL-E. The project challenges perceptions of art, emotion, and authenticity by pairing human reflections on love with AI-assisted imagery, transforming responses into thoughtfully designed interactive response cards. With dynamic search functionality, question-based filtering, and an intuitive user experience, the platform balances automation with human curation, enhancing accessibility and engagement.

Website GitHub