Skip to main content

    Software Engineer Portfolio

    Rafael Lopes

    Junior Software Engineer / Full-Stack Developer

    Computer Engineering graduate with hands-on experience turning real business requirements into deployed software. I build practical web applications, administration tools and workflow automations using React, TypeScript, Supabase and browser APIs.

    I’m looking for a Junior Software Engineer or Full-Stack Developer role where I can contribute to real products, learn from an experienced team and continue developing as an engineer.

    Rafael Lopes

    Background

    Education & Languages

    Education

    Bachelor’s Degree in Computer Engineering

    Universidade Lusíada, Lisbon

    September 2022 – July 2026

    Languages

    • PortugueseNative
    • EnglishB2 / Upper-Intermediate
    • SpanishIntermediate

    Skills

    My Tech Stack

    Technologies I use to build, ship and review practical web applications.

    TypeScript logoTypeScript
    JavaScript logoJavaScript
    React logoReact
    Tailwind CSS logoTailwind CSS
    Vite logoVite
    Node.js logoNode.js
    Supabase logoSupabase
    PostgreSQL logoPostgreSQL
    Git logoGit
    GitHub logoGitHub
    Vercel logoVercel
    Playwright logoPlaywright
    Chrome Extensions logoChrome Extensions
    TypeScript logoTypeScript
    JavaScript logoJavaScript
    React logoReact
    Tailwind CSS logoTailwind CSS
    Vite logoVite
    Node.js logoNode.js
    Supabase logoSupabase
    PostgreSQL logoPostgreSQL
    Git logoGit
    GitHub logoGitHub
    Vercel logoVercel
    Playwright logoPlaywright
    Chrome Extensions logoChrome Extensions

    Programming

    • TypeScript
    • JavaScript
    • SQL fundamentals
    • HTML
    • CSS

    Frontend

    • React
    • React Router
    • Tailwind CSS
    • Vite
    • Responsive web design

    Backend & Data

    • Supabase
    • PostgreSQL fundamentals
    • Authentication
    • File storage
    • Protected routes
    • CRUD operations

    Browser Automation & APIs

    • Chrome Extension development
    • Manifest V3
    • Content scripts
    • Chrome Storage API
    • OpenAI API integration

    Tools & Deployment

    • Git
    • GitHub
    • Vercel
    • Chrome DevTools
    • VS Code
    • Figma

    Testing & Quality

    • Playwright
    • ESLint
    • Responsive QA
    • Accessibility checks
    • Cross-browser testing
    • Performance review

    Development workflow

    Using AI to move faster, while keeping engineering judgement human

    I use AI tools to research unfamiliar problems, understand codebases, compare approaches and accelerate repetitive implementation work.

    ChatGPT

    Research, debugging & solution exploration

    Codex

    Implementation & repository-level coding tasks

    OpenCode

    Agent-assisted development & codebase workflows

    Claude

    Planning, code analysis & implementation review

    Architecture, security, code quality, testing and final behaviour remain my responsibility.

    Notion for documentation & planning

    Selected Work

    Case Studies

    Salon Management System

    Vitoria’s Beauty

    Business Website & Admin System

    Problem:

    A beauty business with three locations needed to consolidate operations, service details, pricing, team listings, and gallery displays while enabling non-technical staff to manage content dynamically.

    Solution:

    Built a mobile-first, high-performance business website integrated with custom secure administration tools.

    Rafael's Contribution:

    Designed and implemented the front-end layout, responsive pricing tables, location guides, and a password-protected admin dashboard. Set up state synchronization with Supabase, user authentication, and media upload pathways.

    Result:

    Enabled salon managers to update service pricing and gallery pictures in real time, bypassing manual code changes.

    ReactTypeScriptTailwind CSSSupabaseVercel
    View Live Project
    Vitoria’s Beauty
    Full-Stack Portfolio & Management

    Cláudia Makeup

    Full-Stack Business Website & Admin Panel

    Problem:

    A freelance makeup artist required an editorial-grade professional website to showcase her portfolio with filtering options, present client testimonials, and capture structured booking requests.

    Solution:

    Designed and deployed a responsive business website with an integrated booking-request pipeline and a private administration portal.

    Rafael's Contribution:

    Created dynamic portfolio filtering, structured booking forms and a secure Supabase-backed dashboard for managing requests and portfolio images.

    Result:

    Automated booking request logging and portfolio gallery updates, removing manual workflow friction.

    ReactTypeScriptTailwind CSSSupabaseVercel
    View Live Project
    Cláudia Makeup
    Browser Extension / Workflow Automation

    ShopKit AI

    Chrome Extension for Product Automation

    Problem:

    E-commerce managers spent an average of 15 minutes manually copy-pasting and formatting product details across 15+ complex ShopKit fields for each new product.

    Solution:

    Engineered a Manifest V3 JavaScript browser extension that automatically parses product titles and queries generative APIs to populate fields instantly.

    Rafael's Contribution:

    Wrote the injection scripts, automated content scraping pipelines, structured OpenAI API integration calls, and implemented local configurations saving using the Chrome Storage API while preserving custom manual field edits.

    Result:

    Reduced the product creation workflow from approximately 15 minutes to approximately 45 seconds per item.

    JavaScriptManifest V3OpenAI APIChrome Storage API
    View Repository
    Chrome ExtensionManifest V3 automation

    Additional Projects

    Business Website

    NETOYETOUT

    French cleaning services website featuring custom service catalog displays, localized pages, and optimized layout structure for local SEO performance.

    ReactTypeScriptTailwind CSS
    View Project
    Web Platform

    Stamply

    Modern workflow platform with intuitive dashboard layouts, custom data tables, and interactive interface designs focused on workplace productivity.

    ReactTypeScriptNode.js
    View Project
    Mobile App (In Development)

    Stamply App

    Mobile workflow management and loyalty companion application for productivity on the go. Currently in development and not yet finished.

    React NativeTypeScriptNode.js
    View Project

    Opportunities

    Open to Junior Software Engineering Opportunities

    I’m looking for a Junior Software Engineer or Full-Stack Developer role where I can contribute to real products, continue developing my skills and work with an experienced team.

    Prefer to speak directly?+351 934 458 538