Skip to content
View alxnrocha's full-sized avatar
🎯
Focusing
🎯
Focusing
  • Barcelona, España
  • 13:12 (UTC +02:00)
  • LinkedIn in/alxnrocha

Highlights

  • Pro

Block or report alxnrocha

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
alxnrocha/README.md
Alexandre Rocha - Frontend and Full-Stack Developer based in Barcelona

Hey, I'm Alexandre 👋

Junior Full-Stack Web Developer based in Barcelona, Spain. Passionate about building responsive, accessible, and user-centric web applications with clean, maintainable code.

My technical foundation spans modern frontend ecosystems (React 19, Vue 3, TypeScript, Tailwind CSS) and solid backend API development (Node.js / Express, PHP 8 / Laravel, MySQL, and PostgreSQL). I focus on practical software engineering principles: component-driven architecture, RESTful API design, database modeling, and automated CI/CD workflows.

I have completed over 1,090 hours of accredited, hands-on software development training across Catalonia's official institutions:

  • CIFO La Violeta (SOC / SEPE):
    • [IFCD0111] Desenvolupament d'Aplicacions amb Tecnologies Web (590 hours) — Backend & Full-Stack architecture with Node.js, Express, Sequelize, and MySQL databases.
    • [IFCD0024] FullStack Júnior Web Developer amb PHP (260 hours) — Object-Oriented PHP 8, MySQL relational databases, Laravel Framework REST APIs, and modern frontend interfaces with Angular/TypeScript.
  • Universitat Oberta de Catalunya (UOC):
    • [IFCD65] Front End Web Developer / Web Fundamentals (240 hours) — Semantic HTML5, responsive CSS3 architectures (Flexbox/Grid), modular JavaScript, and accessibility standards.

I am actively looking for my first professional opportunity as a Junior Full-Stack Developer or Frontend Developer, eager to contribute to an engineering team and keep growing every day.

Outside of code, I enjoy music, cycling, travel, and exploring modern design trends.


📊 GitHub Stats

GitHub contribution snake animation

🚀 Tech Stack

🌐 Languages & Web Standards

HTML5 CSS3 JavaScript TypeScript PHP SQL

💻 Frontend & UI Development

React Vue.js Angular Next.js Astro Tailwind CSS Bootstrap Pinia Zustand TanStack Table Recharts Figma

⚙️ Backend, APIs & Databases

Node.js Express.js Laravel RESTful APIs JWT MySQL PostgreSQL MySQL Workbench Prisma Sequelize

🛠️ DevOps, Tooling & Testing

Git GitHub Actions Docker Linux Bash Postman Vite Vitest Composer npm

📐 Architecture & Engineering Practices

Practice Domain Methodologies & Standards
Architectural Patterns MVC Architecture · Component-Driven UI · RESTful API Design · Relational Schema Modeling (ER)
Quality & Performance Mobile-First Responsive Design · WCAG 2.1 AA Web Accessibility · Automated Unit Testing (Vitest) · Clean Code & SOLID Basics

🗂️ Featured Projects

Curated selection of full-stack web applications, interactive frontend architectures, and responsive web standards.

Project Tech Stack Highlights & Architecture Live Demo Repository
booking-platform Next.js · TypeScript · Tailwind v4 · PostgreSQL · Prisma ORM StayHub Luxury — Multi-tenant vacation rental platform featuring role-based access control (RBAC), relational database persistence, and mobile-first UI 🌐 Live Demo 💻 Source
crm-leads Node.js Express 5 · MySQL 8 · React 19 · TypeScript LeadFlow CRM — Commercial B2B sales pipeline manager featuring interactive Kanban Drag & Drop, RESTful API endpoints, and SQL queries 🌐 Live Demo 💻 Source
vue-catalog-filters Vue 3.5 · Pinia · TypeScript · Tailwind CSS v4 StyleSphere — High-density faceted fashion e-commerce catalog engineered with multi-criteria reactive filtering and centralized Pinia state 🌐 Live Demo 💻 Source
landing-clinica-lumina HTML5 Semantic · CSS3 Pure · Vanilla JavaScript Clínica Lumina — High-performance responsive medical clinic landing page built strictly on pure web standards with full WCAG 2.1 AA accessibility 🌐 Live Demo 💻 Source

🎓 Education & Official Certifications

1,090+ Accredited Hours

1,090+ Total Certified Hours of official, state-accredited software engineering programs completed across Catalonia's premier public vocational and university systems (SOC / SEPE / UOC).

CIFO La Violeta — Barcelona (SOC / SEPE)

Centres d'Innovació i Formació Ocupacional — Generalitat de Catalunya

  • [IFCD0111] Desenvolupament d'Aplicacions amb Tecnologies Web · 590 hours · Certificat de Professionalitat (Nivell 3)
    • Curriculum: Full-stack development with JavaScript/TypeScript, Node.js runtime, Express REST APIs, Sequelize ORM, MySQL database administration, authentication & web security.
  • [IFCD0024] FullStack Júnior Web Developer amb PHP · 260 hours · Especialitat Formativa (Nivell 2)
    • Curriculum: Object-Oriented PHP (OOP), MySQL Relational Databases, REST API Development with Laravel Framework (MVC, Eloquent ORM, Dependency Injection, JWT authentication), Frontend interfaces with Angular & TypeScript, and Cloud deployment.
Coursework Project Stack Description Status
Contact Manager REST API Node.js · Express · MySQL Full-stack contact manager with parameterized SQL queries and REST API ✅ Completed
CIFO CRM Platform Node.js · Express · Sequelize · MySQL · EJS Institutional CRM platform developed for student and course database management ✅ Completed
Task Auth Engine Node.js · Express · MySQL · Joi Task management web app with JWT authentication and request validation ✅ Completed

UOC — Universitat Oberta de Catalunya

Leading online university based in Barcelona

  • [IFCD65] Front End Web Developer & Web Standards · 240 hours · Especialitat Formativa
    • Curriculum: Web fundamentals, semantic HTML5, modern CSS3 layout systems (Flexbox, CSS Grid), modular JavaScript (ES6+), DOM APIs, responsive web design, and cross-browser accessibility standards.
Coursework Project Stack Description Status
Pokédex Battle Simulator HTML5 · CSS3 · JS ES Modules Pokédex and battle simulator using PokeAPI with 3D flip card animations ✅ Completed
Pokédex SPA Vue 3 · Vue Router · Pinia Modular Pokédex with routing, live search, and dark mode localStorage persistence ✅ Completed
Semantic Web Portfolio Semantic HTML5 · CSS Grid & Flexbox Multi-page responsive portfolio built strictly on pure web standards ✅ Completed

📫 Let's connect

LinkedIn Website Email



Popular repositories Loading

  1. alxnrocha alxnrocha Public

  2. frontend-portfolio frontend-portfolio Public

    Multi-page personal portfolio — semantic HTML5, CSS Grid, Flexbox, fully responsive. No JavaScript, no frameworks

    HTML

  3. pokedex-vanilla-js pokedex-vanilla-js Public

    Pokedex and battle simulator — vanilla JS ES Modules, PokeAPI, 3D flip cards, skeleton loading. Zero dependencies

    JavaScript

  4. pokedex-vue3 pokedex-vue3 Public

    Pokedex built with Vue 3 — component architecture, Vue Router, real-time search, dark mode with localStorage

    Vue

  5. contact-manager-nodejs contact-manager-nodejs Public

    Full-stack CRUD app — Node.js, Express, MySQL, parameterized queries, REST API, vanilla JS frontend

    JavaScript

  6. github-readme-stats github-readme-stats Public

    Forked from anuraghazra/github-readme-stats

    ⚡ Dynamically generated stats for your github readmes

    JavaScript