fog.frag

01uniform float uTime;02uniform vec3 uSignal;03varying vec2 vUv;04 05// condensation over concrete06float veil(vec2 p) {07  return smoothstep(0.2, 0.9, noise(p * 3.0 + uTime));08}09 10void main() {11  vec3 col = mix(uConcrete, uSignal, veil(vUv));12  gl_FragColor = vec4(col, 0.92);13}

Portfolio — 2026Curitiba, Brazil · UTC−3

Juan Felipe de Aquino — Full Stack Developer

I build web systems end to end — and the 3D spaces they live in.

Full Stack DeveloperVue · React · Laravel · Three.js

Scroll to descend

(01) AboutDesign ⟶ Engineering

Concrete
logic, fluid
surfaces.

Full Stack Developer with 3 years shipping websites and web applications with React, Vue.js, JavaScript, PHP (Laravel), Python and MySQL.

My front-end is grounded in structure: semantic HTML5, CSS3 and SASS, responsive by default. On top of that I build interactive 3D experiences for the web with Three.js.

Before code there was image — graphic design, motion and video (Figma, Photoshop, After Effects, Premiere Pro, Blender). That background is how I bridge design and engineering.

Experience: 3 years
Based in: Curitiba, BR
Languages: PT native · EN B1
Status: Open to remote

Tower.vue

01import { useLoop } from '@tresjs/core'02 03const floors = ref(42)04const rail = useScrollRail({ smooth: 0.085 })05 06function descend(p) {07  camera.position.copy(rail.at(p))08  return camera.lookAt(core)09}10 11// one frame, one decision12useLoop().onBeforeRender(descend)

(02) Experience2023 — Now

Built
on site

ProjectController.php

01namespace App\Http\Controllers;02 03class ProjectController extends Controller04{05  public function index(Request $req)06  {07    return Project::query()08      ->where('status', 'shipped')09      ->with('stack')10      ->paginate(12);11  }12}

Full Stack Developer · Combi

Jan 2023 — Present

Develop websites and web systems end to end, from UI layout to database integration.
Build interfaces and reusable components with React and Vue.js, styled with HTML5, CSS3 and SASS.
Implement back-end features with PHP (Laravel) and Python, including MySQL data modeling and queries.
Create interactive 3D web experiences with Three.js (React Three Fiber and TroisJS).
Translate Figma prototypes into responsive, pixel-accurate pages.

Education

Associate Degree in Systems Analysis and DevelopmentUniversidade Positivo2022 — 2026 · in progress
Technical Diploma in Information TechnologyEscola Estadual Pedro Macedo2010 — 2013

(03) StackFront · Back · 3D · Image

JavaScript/React/Vue.js/HTML5/CSS3/SASS/SCSS/Responsive design/PHP/Laravel/Python/MySQL/Three.js/React Three Fiber/TroisJS (Vue)/WordPress/Elementor/Figma/Photoshop/After Effects/Premiere Pro/Blender 3D/JavaScript/React/Vue.js/HTML5/CSS3/SASS/SCSS/Responsive design/PHP/Laravel/Python/MySQL/Three.js/React Three Fiber/TroisJS (Vue)/WordPress/Elementor/Figma/Photoshop/After Effects/Premiere Pro/Blender 3D/

Front-end

JavaScript
React
Vue.js
HTML5
CSS3
SASS/SCSS
Responsive design

Back-end & data

PHP
Laravel
Python
MySQL

3D for the web

Three.js
React Three Fiber
TroisJS (Vue)

CMS

WordPress
Elementor

Design & video

Figma
Photoshop
After Effects
Premiere Pro
Blender 3D

water_level.py

01import numpy as np02 03def tide(t, amp=0.4):04    # slow swell under the podium05    return amp * np.sin(t * 0.6) + 0.1206 07for floor in range(42):08    if tide(floor) > 0.5:09        flood(floor)

schema.sql

01-- every structure needs a foundation02CREATE TABLE structures (03  id        BIGINT PRIMARY KEY,04  floors    INT NOT NULL,05  material  VARCHAR(32) DEFAULT 'concrete',06  signal    CHAR(7) DEFAULT '#6dff9c'07);

(04) ContactOpen to remote / relocation

Let's
build
below
the surface.

Write mejuanfedaq@gmail.com

Juan Felipe de Aquino — Full Stack DeveloperJUANFELIPE

Concretelogic, fluidsurfaces.

Builton site

Education

Technical skills

01Front-end

02Back-end & data

033D for the web

04CMS

05Design & video

Let'sbuildbelowthe surface.