Dark Ocean Waves

FullStack Software Developer | Junior

MARIO
ORTEGA

Transforming complex business requirements into scalable, high-performance web experiences. Full Stack Developer bridging the gap between clean code and real-world impact.

01

MORTEGA DEV PORTFOLIO

High-end personal portfolio built with modern web technologies.

THE PROBLEM & ARCHITECTURE

I wanted to create a digital presence that stands out from generic templates. To achieve this, I built a custom portfolio from scratch focused on extreme performance, sleek glassmorphic UI, and complex animations using Framer Motion. The architecture uses Next.js App Router for optimal SEO and fast load times.

THE STACK

Next.js 14
Framer Motion
Tailwind CSS
TypeScript
Lucide Icons
Gallery Light
Design Tokens
5 tokens
TypographySpace GroteskInter · display · sans-serif
100Perf. Score
60fpsAnimations
2Themes
SSRRendering
Mockup Light
Phone UI Light
02

LYDIA PSICOLOGÍA

Professional psychology practice website designed for a real client, focused on warmth, trust, and conversion.

THE STACK

Next.js 14
React
Bootstrap 5
Vanilla CSS
SEO Optimized

THE CHALLENGE

A psychology professional needed a web presence that transmits trust, warmth, and professionalism from the very first glance. The site needed to be fully GDPR compliant with a clear privacy, legal notice, and cookies policy pages, all while being optimized for SEO to attract new patients organically.

Gallery Light
Design Tokens
4 tokens
TypographyLato + Georgiasans-serif · serif · warm & trustworthy
A+SEO Score
GDPRCompliant
4Legal Pages
SSGRendering
Mockup Light
Phone UI Light

TECH STACK

SKILLS & ARSENAL

FRONTEND CORE

Architecting robust, scalable, and type-safe interfaces with a focus on maintainable component systems. I bridge the gap between complex logic and seamless UX, leveraging advanced patterns for both SPAs and SSR applications.

React
Angular
Next.js 14
TypeScript
JavaScript

Styling & Animation

Pixel-perfect UIs, 60fps animations, responsive systems.

Tailwind CSS
Bootstrap 5
Framer Motion
Vanilla CSS

Backend & Tools

Spring Boot
Python
FastAPI
Docker
REST APIs

Technological Arsenal & Tools

Next.js 14
React
TypeScript
Tailwind CSS
Framer Motion
Lucide Icons
Bootstrap 5
Vanilla CSS
SEO
Spring Boot
Angular
Python
FastAPI
Argos Translate
Prism.js
Docker
Git
GitHub
Vercel
VS Code
REST APIs
Node.js
JavaScript (ES6+)
Next.js 14
React
TypeScript
Tailwind CSS
Framer Motion
Lucide Icons
Bootstrap 5
Vanilla CSS
SEO
Spring Boot
Angular
Python
FastAPI
Argos Translate
Prism.js
Docker
Git
GitHub
Vercel
VS Code
REST APIs
Node.js
JavaScript (ES6+)
Currently Learning
RAG (Retrieval-Augmented Generation)AI & LLM IntegrationJava (deepening)