PVG - Web Portfolio

PVG /

Projects

Projects:

Displaying 11 results.

La Wash Lavanderías :

Programming

Design

JavaScript

NodeJS

ExpressJS

MongoDB

Figma

RestAPIs

Render

Squarespace

Tools:

JavaScript

NodeJS

ExpressJS

MongoDB

Figma

RestAPIs

Render

Squarespace

La Wash Lavanderías is a responsive website I independently developed for a laundromat chain in Mexico, highlighting services, a job portal, and special promotions to enhance user engagement. The project involved close collaboration with stakeholders to align with business goals.

▪ Lead full-stack development, integrating MongoDB, ExpressJS, NodeJS, and RESTful APIs for dynamic data flow.

▪ Built responsive user interfaces using TailwindCSS, JavaScript, and jQuery to ensure optimal UX across devices.

▪ Implemented RESTful APIs to efficiently handle dynamic data flow between client and server systems.

▪ Optimized SEO and implemented lazy loading to improve search rankings and overall page load performance.

▪ Integrate Google Analytics and use KPI tracking to update, refine, and improve web content and design.

▪ Created promotional and seasonal ad materials using Photoshop and Canva to boost user engagement effectively.

Visit Site Github Repository
(Some demos/repositories are currently unavailable)

Entre Maderas y Arte :

Programming

Design

WordPress

WooCommerce

Photoshop

Tools:

WordPress

WooCommerce

Photoshop

Entre Maderas y Arte is a fully responsive e-commerce platform and digital art gallery showcasing curated works from paintings to handcrafted furniture. The project emphasizes usability, scalability, and seamless browsing across devices while integrating features to enhance product discoverability and conversions.

▪ Developed an e-commerce platform for an art gallery using WordPress, PHP, and WooCommerce, implementing secure payment processing and efficient product management.

▪ Migrated the platform from WordPress/WooCommerce to Shopify, ensuring accurate data transfer, SEO preservation, and consistent UI/UX for returning users.

▪ Optimized the Shopify site for performance, scalability, and brand continuity, enhancing user experience across devices.

▪ Transitioned hosting from Neubox to Squarespace, improving global site speed, uptime, and availability to support international expansion.

▪ Implemented SEO best practices and analytics tracking to monitor user behavior and continuously improve site performance and visibility.

Visit Site Github Repository
(Some demos/repositories are currently unavailable)

SuperHero API :

Programming

Design

Javascript

NodeJS

ExpressJS

MongoDB

Tailwind CSS

Tools:

Javascript

NodeJS

ExpressJS

MongoDB

Tailwind CSS

SuperHero API is a full-stack web application that serves as a dynamic encyclopedia for superheroes, featuring a REST API built with MongoDB and Express. The project allows users to browse and interact with a database of heroes and their distinctive attributes through a clean, wiki-style interface.

▪ Developed RESTful API endpoints using Node.js, Express, and Mongoose to manage and query superhero data stored in MongoDB.

▪ Designed an intuitive frontend for seamless browsing and search functionality, providing users with detailed hero profiles.

▪ Ensured scalability and maintainability by implementing a modular architecture and efficient API routing.

Visit Site Github Repository
(Some demos/repositories are currently unavailable)

KampaStore :

Programming

Design

SnipCart API

Javascript

JQuery

NextJS

TailwindCSS

Tools:

SnipCart API

Javascript

JQuery

NextJS

TailwindCSS

KampaStore is a high-fidelity e-commerce web application designed as a personal project, specializing in football cleats and sports shoes. This site allows browsing the catalog, making a purchase, and paying using a third-party service. I redesigned this site, making it more modern and user-friendly.

▪ Developed using Snipcart API, JavaScript, jQuery, Next.js, and Tailwind CSS, ensuring a responsive and interactive shopping environment.

▪ Redesigned with a focus on UI/UX best practices to optimize navigation and increase conversion rates through intuitive layouts.

▪ Integrated dynamic data displays, including product galleries and customer reviews, to present information attractively and enhance the overall shopping experience.

Visit Site Github Repository
(Some demos/repositories are currently unavailable)

Liga BBVA MX Expansion :

Prototype

Figma

Adobe Photoshop

Prototype

Tools:

Figma

Adobe Photoshop

Prototype

Liga BBVA MX Expansion is a high-fidelity prototype that reimagines the official website of the Mexican Football League. Designed with a modern sports aesthetic, it preserves the site’s original content while elevating its visual impact and usability to align with current design trends.

▪ Designed a modern and dynamic layout in Figma, drawing inspiration from top-tier international sports leagues to improve navigation, readability, and overall fan experience.

▪ Developed custom graphic assets and mockups in Adobe Photoshop to simulate live match visuals, team branding, and promotional content within the revamped interface.

▪ Created an interactive and fully navigable prototype that focuses on mobile responsiveness, ensuring accessibility and engagement across all screen sizes and devices.

Visit Site Github Repository
(Some demos/repositories are currently unavailable)

CamView :

Programming

Design

JQuery

Javascript

Tailwind CSS

Tools:

JQuery

Javascript

Tailwind CSS

CamView is a static web application I developed to apply real-time filters and effects to webcam footage, capture photos with flash and timer options, and easily export and share the results. The project was designed to be lightweight, fast, and compatible with most devices and browsers.

▪ Designed and developed a static frontend-only camera interface using HTML5 Video, HTML5 Canvas, TailwindCSS, and jQuery for smooth, low-resource performance.

▪ Integrated multiple CSS-based visual effects with modular structure for easy customization and expansion.

▪ Created a minimal, user-friendly UI focused on visual clarity and accessibility for testing webcam and camera devices.

Visit Site Github Repository
(Some demos/repositories are currently unavailable)

CorkPad :

Programming

Design

JQuery

Javascript

Tailwind CSS

ExpressJS

Git VCS

Tools:

JQuery

Javascript

Tailwind CSS

ExpressJS

Git VCS

CorkPad is a desktop-style web app that lets users create and organize notes and widgets in a customizable corkboard environment. Designed to boost productivity, the app simulates a lightweight desktop workspace that runs entirely in the browser. The project focused on mastering native jQuery methods for DOM manipulation.

▪ Developed a dynamic and interactive interface using jQuery and vanilla JavaScript, enabling users to drag, resize, and manage notes and widgets in real-time within a fully customizable layout.

▪ Implemented a responsive design with Tailwind CSS that mimics a desktop experience, ensuring usability and clarity across different screen sizes while maintaining a polished, modern aesthetic.

▪ Integrated ExpressJS to handle routing and local server functionality, and used Git for consistent version control, facilitating organized development and easier collaboration during testing and updates.

Visit Site Github Repository
(Some demos/repositories are currently unavailable)

3DKitViewer :

Programming

Design

JQuery

Javascript

Tailwind CSS

<model-viewer>

Tools:

JQuery

Javascript

Tailwind CSS

<model-viewer>

3DKitViewer is a web application built to demonstrate the power of the <model-viewer> API, offering users an intuitive 3D model customization experience. The app allows for seamless interaction with 3D assets, enabling real-time visualization and configuration changes directly in the browser.

▪ Built an interactive UI using Tailwind CSS and jQuery, allowing users to easily modify 3D models’ materials, lighting, and viewing angles for a responsive and visually immersive experience.

▪ Leveraged the <model-viewer> web component to display GLB/GLTF models with support for camera controls, AR view, and environment settings, ensuring compatibility across modern browsers.

▪ Implemented functionality to upload and apply custom textures from the user's local device, enabling personalized 3D model styling with dynamic JavaScript logic and real-time rendering updates.

Visit Site Github Repository
(Some demos/repositories are currently unavailable)

Nova-Books :

Prototype

Adobe Photoshop

Microsoft VBA

Prototype

Tools:

Adobe Photoshop

Microsoft VBA

Prototype

Nova-Books is a functional prototype for a web app that connects local readers for easy book trading and selling. The app's map interface shows exchange locations, and it collaborates with local libraries, making book transactions simple and community-driven.

Visit Site Github Repository
(Some demos/repositories are currently unavailable)

Zorali Product Page :

Prototype

Design

Figma

Photoshop

Tools:

Figma

Photoshop

Zorali Product Page is a landing page prototype for a camping backpack, built in Figma to showcase a modern design with diverse data display techniques, offering an engaging and immersive user experience. The layout emphasizes intuitive navigation, guiding users through product features and benefits with ease. Custom elements and interactive components add visual depth, enhancing user interaction.

▪ Created the prototype with a focus on UI/UX best practices, optimizing layout and navigation to enhance user engagement and encourage exploration.

▪ Designed custom backgrounds and visual elements in Adobe Photoshop, achieving a cohesive aesthetic that embodies the brand’s adventurous, outdoor vibe.

▪ Incorporated interactive display methods like image galleries and feature highlights to showcase the product in a visually engaging way.

Visit Site Github Repository
(Some demos/repositories are currently unavailable)

Pharma@Home :

Prototype

Adobe Photoshop

Microsoft VBA

Prototype

Tools:

Adobe Photoshop

Microsoft VBA

Prototype

Pharma@Home is a functional mobile app prototype designed to modernize the pharmacy experience. It enables customers to order prescriptions and daily essentials from their phones while allowing pharmacists to securely review and validate medical documentation.

▪ Designed a clean and user-friendly mobile interface using Adobe Photoshop, focusing on intuitive navigation and accessibility for users of all ages.

▪ Built automated workflows in Microsoft VBA to simulate prescription verification and streamline pharmacist response times within the prototype environment.

▪ Developed the app concept to balance convenience and compliance, reducing wait times and improving customer satisfaction through a simplified digital process.

Visit Site Github Repository
(Some demos/repositories are currently unavailable)