Web

Dev

Toni

arrow

It's Me!

gender-neutral-user

Projects

El Sorrall

El Sorrall

This website was made as an exercise, the purpose of which was to better forge the alliance between Elisa and myself as a team. It was the first approach we did and we learnt a lot, from how to treat assets like images or fonts to how to better communicate each ones needs.

Design: Elisa Alcaide

XLR Studio

XLR Studio

This was a heavy image loaded website, it was the first time I implemented an intersection oberver, resulting in a much better load time than initially. They are a production company that wanted to highlight their work and vision. Also implemented different languages with React's context

Design: Paloma Almodóvar

Teana Band

Teana Band

The psychedelic-rock band Teana needed a website, so between the design of Paloma and myself on the keys we developed this website, where you can listen to their songs inside the page itself, shop their products and browse their library of albums.

Design: Paloma Almodóvar

HiFi Noise Studio

HiFi Noise Studio

This was one of my first works, a website for a recording and mixing studio. They did the design themselves and through purple and dark images we tried to make the features glow. Also has translation included, an embedded Spotify playlist, a contact form and a crazy hover animation on the white logos.

Design: Alex Ruiz & Guillermo Galve

Skills

HTML

HTML

CSS

CSS

JavaScript

JavaScript

React

React

React Router

React Router

NodeJS

NodeJS

Express

Express

MongoDB

MongoDB

MySQL

MySQL

Figma

Figma

TypeScript

TypeScript

NextJS

NextJS

Emotion

Emotion

Tailwind

Tailwind

Netlify

Netlify

Git

Git

GitHub

GitHub

GitLab

GitLab

Stripe

Stripe

Nodemailer

Nodemailer

GSAP

GSAP

Testimonies

George Kovalev - CEO

Barcelona Code School

George Kovalev

He has proved to be a very promising developer with exceptionally strong logical skills, very fast learning and curious mind always looking for the better ways to solve the challenges he faced and experimenting to find the optimal solution. Definitely Toni would be a valuable addition to any team of developers thanks to his coding skills, strong work ethic and very nice personality.

Jorge Reyes - Systems Engineer

Agap2 ( Technip )

Jorge Reyes

Recomiendo a Toni como un desarrollador altamente competente, con habilidades impresionantes en términos de organización, eficiencia y profesionalismo. Tuve la oportunidad de supervisar su trabajo de cerca y pude ver de primera mano su nivel de habilidad y dedicación. Es un placer trabajar con alguien que toma su trabajo tan en serio y se esfuerza constantemente por mejorar. Como supervisor, siempre me sentí confiado en su capacidad para cumplir con las tareas asignadas y superar las expectativas. Su trabajo demostró un nivel de dedicación y habilidad que seguramente lo llevará muy lejos en su carrera. Además, su atención a los detalles y su enfoque en la calidad del trabajo hacen que cualquier proyecto en el que esté involucrado sea un éxito. Estoy seguro que cualquier equipo de desarrollo se beneficiaría enormemente al tenerlo a bordo.

Alex Ruiz - Client

Teana & Hifi Noise Studio

Alex Ruiz

Trabaje con Toni para llevar a cabo 2 webs. En las 2 ocasiones la experiencia fue inmejorable! Uno de los puntos fuertes de Toni es la atención, todas las respuestas son muy rápidas y atentas. Hace que el desarrollo del trabajo sea mucho mas fluido y asi las ideas flujan mejor. Por otro lado las ideas aportadas por su parte siempre son buenas, buen gusto!.

Albert Arús - PO

Vibia Lighting S.L.

Albert Arús

Experience

Full-Stack Mid Dev

@Agap2

Dec 2022– Abr 2023

Agap2

• Architected engineering softwares with React, Node, Express, MySQL

• Designed style guides and deployed with IIS

• Managed task distribution and pair-programming with a junior

• Created documentation for future developers

Full-Stack MERN Teacher

@Barcelona Code School

Jul 2021 – Jun 2022

Barcelona Code School

• Created and oversaw wireframe designs from client requests through Figma and AdobeXD

• Published digital products on Netlify and Digital Ocean

• Added payment gateways implementing Stripe

• Email design and automated implementation through Nodemailer and Cron

• Image handling via Cloudinary and Multer

• Managing, populating and transferring a cloud database in MongoDB

• Other packages used: react-router-dom, emotion, firebase, axios, toastify, framer-motion...

Full-Stack MERN Dev

@Nebula Industries

Jul 2020 – Sep 2022

Nebula Industries

• MERN Bootcamp Teacher Online and In-Person – HTML, CSS, JS, React, Express, Mongo, React Native...

• Exercises revision and projects supervision

• Developed test units with Jest, RTL and Enzyme ( up to React@17 )

• Kept repositories maintained and updated and added documentation for future students

Links

What's AppLinkedInBlueSky