Skip to content
JM.Index

Fullstack Software Developer

Software / Systems / Interfaces

JonathanMorales

Primary Stack

React / TypeScript / Node.js

Based

Mexico City

Scroll to inspect

↓ 001

01 / Engineering

I build
web systems.

Core / Domain Expansion

06 Domains

01FE

Engineering responsive, accessible and high-performance interfaces as structured application systems.

Capabilities

  • Component architecture
  • State and data orchestration
  • Responsive design
  • Accessibility

Domain / FE

Expanded engineering record.

Full Capabilities

  • 01Component architecture
  • 02State and data orchestration
  • 03Responsive design
  • 04Accessibility
  • 05Interaction and motion
  • 06Performance optimization
  • 07Rendering and SEO
  • 08Reusable component systems
  • 09Server state management
  • 10Real-time data interfaces

Technologies

ReactNext.jsTypeScriptJavaScript ES6+HTML5CSS3Tailwind CSSReact RouterTanStack QueryZustandReact Hook FormZodshadcn/uiMotion / Framer MotionSanity CMSViteLighthouse
02BE

Designing application services, APIs and server-side systems with explicit contracts, reliable validation and maintainable separation of responsibilities, while expanding into Java and Spring Boot.

Capabilities

  • REST API design
  • API integration
  • Authentication flows
  • Authorization
03DA

Modeling, querying and connecting persistent and content-driven data to application behavior through predictable data flows.

Capabilities

  • Data modeling
  • Relational design
  • Document modeling
  • Query design
04QA

Protecting system behavior through automated verification, static analysis, technical auditing and reproducible quality gates.

Capabilities

  • Unit testing
  • Component testing
  • Integration testing
  • Static analysis
05DL

Moving software from repository to production through controlled collaboration, automation and repeatable delivery workflows.

Capabilities

  • Continuous integration
  • Continuous delivery
  • Build validation
  • Deployment workflows
06TL

Building disciplined development environments through automation, conventions and reliable engineering workflows.

Capabilities

  • Git workflows
  • Repository architecture
  • Pre-commit automation
  • Code formatting

01 / Engineering

Domains define the system.

02 / Knowledge

Relationships reveal the knowledge.

02 / Knowledge

Knowledge
is relational.

Knowledge Nodes

49

Engineering Domains

06

Cross-domain Nodes

17

Relationship Graph

Knowledge topology

Use the arrow keys to navigate between technology nodes. Press Enter or Space to lock a selection. Press Escape to clear the current selection. Press Home or End to move to the first or last node.

FEFrontend
17
BEBackend
15
DAData
09
QAQuality
12
DLDelivery
07
TLTooling
09

Knowledge Nodes

49 Total

Node Inspection

Standby

Hover or focus a technology node to preview its relationships. Select a node to keep its engineering context visible.

01FE
17 NODES

Frontend

ReactNext.jsTypeScriptJavaScript ES6+HTML5CSS3Tailwind CSSReact RouterTanStack QueryZustandReact Hook FormZodshadcn/uiMotion / Framer MotionSanity CMSViteLighthouse
02BE
15 NODES

Backend

TypeScriptJavaScript ES6+ZodNode.jsExpressNestJSJWTPostmanPostgreSQLMongoDBMongoosePrisma ORMDrizzleJavaSpring Boot
03DA
09 NODES

Data

TanStack QueryZodSanity CMSPostgreSQLMongoDBMongoosePrisma ORMDrizzleSQL
04QA
12 NODES

Quality

TypeScriptZodLighthousePostmanVitestJestReact Testing LibraryPlaywrightESLintPrettierSonarQubeGitHub Actions
05DL
07 NODES

Delivery

GitHub ActionsJenkinsDockerVercelAWSGitGitHub
06TL
09 NODES

Tooling

VitePrettierGitGitHubnpmHuskylint-stagedTurbopackPython

02 / Knowledge

Knowledge defines capability.

03 / Work

Work turns capability into evidence.

03 / Work

Selected
systems.

Selected Work

05

Completed

04

In Progress

01

Project / 01

In progress

FlowBoard

A full-stack workspace designed as a modular engineering system across client, API, data and delivery layers.

Visual / 01System view

Project system

FlowBoard

Active

Engineering fingerprint

FEFrontend
BEBackend
DAData
QAQuality
DLDelivery
TLTooling

Architecture

Client → API → persistence

React Client
Router
REST API
Express
Auth
MongoDB

Knowledge nodes

26
ReactTypeScriptViteReact RouterTanStack QueryZustandReact Hook Form
Cross-domain nodes10

Engineering signals

01

Structured as an npm-workspaces monorepo with separate web and API applications

02

Uses React Router Data APIs for explicit client-side routing

03

Separates server state, client state and form state by responsibility

04

Introduces full-stack authentication and persistence architecture

Inspect systemView development

Project / 02

Completed

SMHC

A content-driven digital catalog for an artisan home collection brand.

Visual / 02Product view
Stephany Manzano Home Collection digital catalog preview
Product / InterfaceProduct view

Project system

SMHC

Resolved

Engineering fingerprint

FEFrontend
BEBackend
DAData
QAQuality
DLDelivery
TLTooling

Architecture

Content → application → catalog

Sanity CMS
Content Models
Content Queries
Next.js
Interface
Catalog

Knowledge nodes

09
ReactNext.jsTypeScriptTailwind CSSSanity CMSMotion / Framer MotionGit
Cross-domain nodes04

Engineering signals

01

Headless content architecture

02

Structured catalog content

03

Portable editorial content

04

Managed product image pipeline

Inspect systemLive productSource

Project / 03

Completed

Aeris

A weather interface built around validated external data, explicit transformation and resilient UI states.

Visual / 03Product view
Aeris weather application interface preview
Product / InterfaceProduct view

Project system

Aeris

Resolved

Engineering fingerprint

FEFrontend
BEBackend
DAData
QAQuality
DLDelivery
TLTooling

Architecture

External data pipeline

Search
Geocoding
Validation
Adapter
Query
Interface

Knowledge nodes

18
ReactTypeScriptViteTailwind CSSshadcn/uiTanStack QueryReact Hook Form
Cross-domain nodes08

Engineering signals

01

Validated external API responses before entering application state

02

Separated API access, schemas, adapters and presentation responsibilities

03

Managed remote state through TanStack Query

04

Covered critical behavior with Vitest and React Testing Library

Inspect systemLive productSource

Project / 04

Completed

UsersCRUD

A full-stack user management system with explicit client, API and persistence layers.

Visual / 04System view

Project system

UsersCRUD

Resolved

Engineering fingerprint

FEFrontend
BEBackend
DAData
QAQuality
DLDelivery
TLTooling

Architecture

Client → API → persistence

React Client
Form Validation
Client State
Axios
Express API
Mongoose
MongoDB

Knowledge nodes

13
ReactTypeScriptViteTailwind CSSReact Hook FormZodZustand
Cross-domain nodes07

Engineering signals

01

Separated frontend and backend applications

02

Typed form validation

03

Client-state orchestration

04

REST API communication

Inspect systemFrontendBackend

Project / 05

Completed

Veterinary Patients

A focused React interface for veterinary patient management.

Visual / 05Product view
Veterinary Patients management interface preview
Product / InterfaceProduct view

Project system

Veterinary Patients

Resolved

Engineering fingerprint

FEFrontend
BEBackend
DAData
QAQuality
DLDelivery
TLTooling

Architecture

Client-side patient workflow

Patient Form
React Client
Application State
Patient Records
Interface

Knowledge nodes

03
ReactViteTailwind CSS
Cross-domain nodes01

Engineering signals

01

React-based patient interface

02

Responsive frontend composition

03

Reusable interface structure

04

Lightweight Vite build setup

Inspect systemLive productSource

03 / Work

Work proves the systems.

04 / Experience

Experience reveals the progression.

04 / Experience

Professional
sequence.

Professional Records

04

Current

01

Consulting Records

01

Career trajectory

From technical infrastructure to software systems.

A professional progression across infrastructure, software consulting, full-stack development and product-oriented software work.

Record / 01

Oct 2025 — Present

Current

Employment

Stephany Manzano Home Collection

Software Developer

RemoteRemote

Development of a digital product catalog for a growing home-collection brand, combining frontend architecture, content management and production-oriented web implementation.

Professional signals

01

Built the digital catalog using Next.js, React and TypeScript

02

Structured reusable frontend components and strict application types

03

Integrated Sanity CMS content models and content queries

04

Worked on rendering, SEO and mobile performance

05

Connected structured content with the production-facing catalog experience

Domain signal

FE
BE
DA
QA
DL
TL
Knowledge08

Validated nodes

ReactNext.jsTypeScriptTailwind CSSSanity CMSGitGitHubVercel
Cross-domain04

Record / 02

Sep 2024 — Sep 2025

Resolved

Employment

Travel Viajes Group

Full Stack Software Developer

Mexico CityOn-site

End-to-end development of internal reservation and operations systems across frontend, backend and relational-data responsibilities.

Professional signals

01

Built internal application interfaces with React and TypeScript

02

Developed backend services with Node.js and Express

03

Worked with PostgreSQL relational data access

04

Implemented REST API flows, validation and error handling

05

Developed asynchronous frontend workflows connected to backend services

06

Maintained and adapted legacy PHP modules when required

Domain signal

FE
BE
DA
QA
DL
TL
Knowledge08

Validated nodes

ReactTypeScriptNode.jsExpressPostgreSQLJavaScript ES6+GitGitHub
Cross-domain05

Record / 03

Nov 2023 — Feb 2024

Resolved

Consulting

IPN – Centro de Nanotecnología

Technical Software Consultant

Mexico CityOn-site

Technical software consulting focused on React-based visualization of hardware-generated data and modernization of existing frontend code.

Professional signals

01

Implemented React interfaces for real-time hardware-data visualization

02

Handled frontend state, incoming data and error states

03

Refactored legacy frontend code

04

Reorganized components to improve maintainability

Domain signal

FE
BE
DA
QA
DL
TL
Knowledge03

Validated nodes

ReactJavaScript ES6+Git
Cross-domain02

Record / 04

Jul 2022 — Jul 2023

Resolved

Employment

Azurreo

IT Infrastructure Specialist

Mexico CityOn-site

Infrastructure and first-line technology support work involving workstation deployment, network configuration and operational IT support.

Professional signals

01

Deployed and configured office technology

02

Configured workstations and network connectivity

03

Supported Level 1 technical incidents

04

Assisted with operational IT infrastructure processes

Domain signal

FE
BE
DA
QA
DL
TL
Knowledge00

04 / Experience

Experience records the progression.

05 / About

About reveals the person behind it.

05 / About

Behind the
system.

Personal record

I am interested in understanding systems deeply — not only how to use them, but why they work, how their parts relate and how they can be made clearer.

Software is currently the main expression of that curiosity, but the same way of thinking extends into philosophy, communication, music, business and continuous learning.

Operating principles

01

Understand before abstracting

I prefer understanding the underlying problem and its constraints before reaching for patterns, libraries or abstractions.

02

Systems over patches

I value solutions whose responsibilities, boundaries and relationships remain understandable as the product grows.

03

Make complexity legible

Good engineering should reduce unnecessary ambiguity. Structure, naming and explicit decisions matter as much as implementation.

04

Keep expanding the model

I treat learning as an ongoing process of connecting new concepts to an increasingly coherent technical foundation.

Direction

Frontend depth.
Backend expansion.
Complete systems.

My professional direction is toward increasingly complete software systems: strong frontend engineering, deeper backend architecture and the ability to reason about products from interface to infrastructure.

Outside the stack

01

Philosophy

02

Reading

03

Music production

04

Entrepreneurship

05

Technology

06

Communication

05 / About

About reveals the person.

06 / Contact

Contact opens what comes next.

Channel open

Open
channel.

Next system

If the way I think, build and document software aligns with what you are looking for, the next step is simple.

I am interested in frontend, full-stack and product-oriented software work where engineering quality, thoughtful architecture and continuous learning actually matter.

Direct channel

Start a conversationjonathansme01@gmail.com

Availability

Open to software engineering opportunities

Based

Mexico City, Mexico

System

06 / END

JM.

Full Stack Software Developer

Built with intent.
Still evolving.

Jonathan Morales
© 2026