Designer Developer

A front-end developer, full-stack problem solver, and web designer who loves turning ideas into smooth, intuitive, and meaningful digital experiences.

My Journey

Phase 1 · Curiosity

Discovering the Web

I started with a simple curiosity about how websites come to life. That curiosity grew into a passion for creating interfaces that don't just look good; they work beautifully and make every interaction feel effortless.

First tools: HTML, CSS, Bootstrap, JavaScript

Phase 2 · Frontend

Building User-Centered Interfaces

I focused on building responsive, user-centered applications with modern front-end stacks. I love turning ideas into smooth, intuitive, and meaningful digital experiences.

Tech stack: React.js, Tailwind CSS, JavaScript, TypeScript, REST APIs, Redux-Saga, MUI

Phase 3 · Full Stack

Owning the End-to-End Flow

My work expanded from pure front end into full-stack development. I enjoy connecting the UI with the database, designing APIs, and seeing a project come together from concept to deployment.

Tech stack: Node.js, Express.js, MySQL, MongoDB, MERN stack

Phase 4 · Dev & Ops

Keeping Things Live & Stable

I became comfortable managing deployments and production environments, making sure what I build actually runs smoothly in the real world.

Experience with: cPanel, hosting setups, databases, file structures, production maintenance

Phase 5 · Design

Designing Thoughtful Experiences

I've grown a deep appreciation for web design: crafting layouts, wireframes, and user flows that bring clarity to digital experiences. I also work with WordPress to create fast, responsive, and brand-aligned sites.

Focus areas: UX flows, layouts, WordPress customization, theme & plugin integration, optimization

Phase 6 · Today

Building Natural Digital Experiences

At the core of my work is a simple belief: great digital experiences should feel natural. Whether I'm designing a landing page, coding a full-stack feature, or optimizing a WordPress site, I approach every project with curiosity, care, and a mindset of continuous improvement.

If you're looking for someone who can blend design, development, and problem-solving to create meaningful digital solutions — I'd love to connect.

Skills & Tools

These are the technologies I use to build intuitive, polished, and reliable digital experiences.

HTML

CSS

Tailwind CSS

JavaScript

TypeScript

React

Redux

Vue

PHP

Nodejs

Express

MongoDB

MySQL

Canva

Figma

WordPress

GSAP

CPanel

Featured Projects

A selection of client work, product builds, and personal projects where I combine design, development, and problem-solving.

iKnow Academic Hub Website

  • Design and develop the marketing website to improve branding, SEO, and enrollment conversions.
  • Built a custom WordPress theme using ACF, PHP, SASS, JavaScript, and GSAP for a smoother, modern user experience.
  • Improved site speed through asset optimization, lazy loading, and minified scripts/styles.
  • Integrated form handling and analytics tracking to support marketing and lead-generation campaigns.
Wordpress SASS JavaScript PHP Advance Custom Fields Site SEO Figma Canva GSAP Git
iKnow Academic Hub Website

iKnow Academic Hub Web Application

  • Served as Lead Developer, building a custom LMS using React.js, TypeScript, Tailwind, and GSAP for smooth user experience and responsive UI.
  • Developed major LMS features including quizzes, timers, scoring, session tracking, learning modules, dashboards, and video lessons.
  • Integrated and optimized REST APIs (Node.js + MySQL), improving performance through pagination, reduced payloads, and component refactoring.
  • Led a junior developer, managing Git workflow, documentation, and deployment setup for scalable long-term maintenance.
React.js TypeScript Tailwind CSS GSAP Node.js MySQL REST APIs Git Vite Web Socket
iKnow Academic Hub Web Application

GII International WordPress Website

  • Designed the client website using Figma.
  • Built custom UI sections and animations, ensuring consistent branding and smooth user experience.
  • Implemented SASS-based styling, optimized layouts, and improved page responsiveness across devices.
  • Enhanced performance through asset optimization, reusable components, and mobile usability improvements.
  • Integrated SEO-friendly structures and assisted with bug fixes and front-end performance tuning.
Wordpress Custom Theme TailwindCSS Photoshop
GII International WordPress Website

Converter

  • First personal project app using Flutter made from scratch. The app is for the common unit convertions.
  • Composes of one screen as selection screen, and a reusable screen as the converter screen.
Flutter
Converter

AU-based Car Sharing App

As the nature of this work is confidential, there won't be any visuals to show for the time being. However, a description of the work done may be provided.

  • One of the developers who worked on the front-end of the Web App and Admin/CMS of the new app deployed last March 2023.
  • Developed reusable React components, optimized UI performance, and improved responsiveness.
  • Updated booking interfaces, registration interfaces, enhanced interactive elements, and integrated API-driven content.
  • Collaborated with backend and mobile teams to ensure consistent cross-platform behavior.
ReactJS Typescript Redux-Saga Firestore Tailwind CSS SASS REST APIs

AU-based Digital Warranty & Claims Platform

As the nature of this work is confidential, there won't be any visuals to show for the time being. However, a description of the work done may be provided.

  • Migrated the entire platform from Vue 2 to Vue 3, updating packages and dependencies for full compatibility.
  • Rebuilt and optimized UI components using Vue 3 + TailwindCSS, improving performance and maintainability.
  • Refactored legacy code to the Composition API and modern Vue structure.
  • Implemented the platform's new rebranding by converting Figma designs into clean, responsive layouts.
  • Performed regression testing to ensure key features remained stable after migration.
Vue 3 JavaScript Tailwind CSS XState Material UI

AU-based Clients Custom Theme WordPress Websites

As the nature of this work is confidential, there won't be any visuals to show for the time being. However, a description of the work done may be provided.

  • Built custom UI sections and animations, ensuring consistent branding and smooth user experience.
  • Implemented SASS-based styling, optimized layouts, and improved page responsiveness across devices.
  • Enhanced performance through asset optimization, reusable components, and mobile usability improvements.
  • Integrated SEO-friendly structures and assisted with bug fixes and front-end performance tuning.
Wordpress Custom Theme TailwindCSS Photoshop

US-based Investment Websites

  • Designed and developed custom WordPress and Squarespace websites aligned with client branding, goals, and conversion needs.
  • Created mobile-first, responsive layouts with clean UI/UX, optimized performance, and modern visual design.
Wordpress Elementor Pro Divi Gutenberg Photoshop
US-based Investment Websites

Sweet Things (Capstone Project)

A full-stack e-commerce web app. With full responsiveness across mobile, tablet and desktop screen sizes. Awarded as Best Capstone 3 in Zuitt's Full-Stack Web Development Course Batch 169.
MongoDB Express ReactJS NodeJS Bootstrap Vercel
Sweet Things (Capstone Project)

Let's Connect

If you'd like to collaborate, discuss a project, or connect professionally, the best way to reach me is through LinkedIn. You can also explore more of my work on GitHub.

Built using PHP, TailwindCSS, GSAP, and JavaScript.

JESSA MAE HERNANDEZ | 2025