Sevilla · España Portfolio · 2026 Open to work

Frontend & Full-Stack Developer · Sevilla, España · Remote-friendly

Manuel Cañas Vidaller

Building interactive products
where code meets design.

I build digital products where frontend engineering, creative code and product thinking overlap. My projects tend to start as a problem I couldn't stop poking at. They end up functional, tested and live. I care about both the technical quality and how the thing actually feels to use. I pick things up fast and usually push a bit further than the initial brief.

Base
Sevilla
Focus
Frontend · UX · Creative
Languages
ES · EN
Status
Open
Selected work

A few projects I took from idea to shipped.

CASE · 001

Modular Alphabet

2025 · Solo project · Creative Coding · Interactive · UX

An interactive visual system that converts text into 3D modular geometry using positional binary encoding. Each character maps to a unique configuration of 8 points within a three-dimensional cube structure, making the invisible logic of encoding visible and explorable.

Key technical decision

Rather than using an existing 3D library with orbit controls, I built a custom spherical rotation camera from scratch on top of p5.js. The trade-off was development time vs. full control over the interaction model. Rejecting standard orbit controls let me design the touch behaviour specifically for mobile-first exploration, eliminating the quirks that come from adapting desktop paradigms to touch.

Outcome

Shipped and live at modular-alphabet.vercel.app. Three interactive modes: an immersive 3D cloud explorer, a real-time text generator with PNG export, and a learning game. Zero external dependencies beyond p5.js.

  • JavaScript (ES6+)
  • p5.js
  • HTML5 & CSS3
Live demo
CASE · 002

TripTip

2023 · Solo project · Full-stack · Full-Stack · Product · REST API

A full-stack travel recommendations platform where users discover and share lesser-known destinations and experiences. Built as the capstone project for the Hack A Boss web development bootcamp, covering the full cycle from database design to deployed React client.

Key technical decision

The key architectural decision was separating the API (TripTip-Api) from the React client (TripTip-App) into two independent repositories from day one. This forced a clean contract between layers and made it straightforward to test the API in isolation with Postman before wiring up the frontend. Authentication is handled with JWT and bcrypt, no third-party auth service, which kept the project self-contained and made the token flow explicit.

Outcome

MVP shipped as the bootcamp capstone. Features: user registration & auth, recommendation CRUD with photo upload via Multer, voting, comments, and profile management. Both repos public on GitHub.

  • React
  • Vite
  • Node.js
  • Express
  • MySQL
  • JWT
  • Multer
View repository
Experience

A brief trajectory.

  1. 2025
    Events & Hospitality Staff
    Wedding & Events Industry — Canada
    • Worked at high-stakes wedding and private events requiring precision, clear communication and professionalism under pressure.
    • International experience that pushed me to adapt quickly, collaborate with new people and keep a consistently high standard from day one.
  2. 2022 – 2023
    Full-Stack Web Development Bootcamp
    Hack A Boss
    • Intensive full-stack programme covering modern JavaScript, React, Node.js, Express, MySQL and JWT authentication.
    • Built TripTip as the capstone project: a complete travel recommendations platform with separated API architecture, auth, image uploads and voting.

    React · Node.js · Express · MySQL · JWT

  3. Mar – Jun 2022
    Software Development Intern
    Liquidtic
    • Worked on internal tools and AI-related features using Python and Java alongside a small engineering team.
    • Learned how to navigate someone else's codebase, ask the right questions and deliver on real tasks.

    Python · Java · AI tooling

  4. 2020 – 2023
    Customer Service & Floor Staff
    Various venues — Sevilla
    • Worked in fast-paced environments where reading people fast and staying calm under pressure were part of the job.
    • Taught me things about communication and reliability that have been just as useful in dev work.
  5. 2020 – 2022
    HND in Multiplatform Application Development
    MEDAC
    • Advanced vocational training covering cross-platform software: Java desktop, Android development and web applications.

    Java · Android Studio · SQL

  6. Mar – Jun 2019
    IT & Networking Intern
    GWC
    • Installed and configured routers, switches and network infrastructure in a professional IT environment.

    Cisco · Networking · Hardware

  7. 2017 – 2019
    Vocational Training — IT Systems & Networks
    I.E.S. Polígono Sur
    • Foundation in hardware, operating systems and networking. Grado Medio in Sistemas Microinformáticos y Redes.
Capabilities

Grouped by domain, not by language.

Frontend
Production · 3y
  • JavaScript (ES6+) 3y
  • TypeScript 2y
  • React / Astro 3y
  • HTML5 & CSS3 4y
  • Responsive Design 3y
  • UI Development 3y
Backend
Production · 3y
  • Node.js / Express 3y
  • REST APIs 3y
  • Java 4y
  • Python 2y
  • SQL / MySQL 3y
  • PHP 2y
Creative Technology
Experimental · ongoing
  • Three.js / WebGL 1y
  • p5.js 1y
  • Generative systems 1y
  • Procedural systems 1y
  • Audio-reactive exploring
  • Interactive exp. ongoing
Tools & Platforms
Daily use
  • Git / GitHub daily
  • Docker 1y
  • Vercel 2y
  • Postman 2y
  • Figma 1y
  • VS Code daily
How I work

A few things I care about.

01
User-focused thinking

I start with what the person actually needs to do. The technical solution comes second. Always.

02
Clean and maintainable code

Code should be readable by someone who wasn't there when it was written. If I need to explain it, I probably need to rewrite it.

03
Attention to detail

Spacing, type, transitions, load time. These aren't decoration. They're what separates something finished from something almost finished.

04
Creativity and usability together

I like things that look considered. But not at the cost of being hard to use. Making both work at the same time is the interesting part.

05
Iterative by default

I'd rather ship something real and keep improving it than wait for a version that never arrives.

06
Independent or alongside a team

I work well on my own or with others. Either way I stay clear on what I'm doing and why.

What I bring

What I can contribute.

  • — Solid frontend foundations with a real eye for design and UX.
  • — I move between frontend, backend and creative tech depending on what the project needs.
  • — I've built functional products and experimental projects. I learned something different from each.
  • — I pick up new tools fast. Not just the syntax, but the thinking behind them too.
  • — I work well on my own or alongside others, and I stay clear about progress either way.
  • — I notice the small details that make things feel right, and I don't let them slide.
Currently exploring

Always learning.

  • Interactive 3D experiences on the web
  • Creative coding and generative systems
  • Accessibility in digital products
  • AI-assisted development workflows
  • Procedural visuals and audio-reactive interfaces
  • Real-time multiplayer experiences
Let's talk

Open to conversations about
frontend, full-stack
and creative-tech roles.

I'm looking for a role where I can build things properly. Whether that's an interface, an API, an interactive experience, or something that doesn't have a neat category yet. Especially interested in teams that care about both the technical craft and the product they're building.

  • Frontend development
  • Full-stack products
  • UX-focused interfaces
  • Creative technology
  • Interactive experiences
  • Digital tools with strong product thinking

I like building things that feel right to use and are built right under the hood.
If that sounds like a good fit for what you're working on, I'd like to hear about it.

Write to manusevilla20@gmail.com.