Pato Bottos

Frontend Developer at AdoptaUnJunior

I bring a king problem-solving ability, a passion for clean-code, and a creative design approach to crafting user-friendly interfaces.

About

Embarking on a digital journey over a decade ago, I've crafted engaging online experiences, refining my skills in Next.js, ReactJS, JavaScript, and web technologies. As a React Front End Developer at AdoptaUnJunior, I bring digital experiences to life. Before this role, spanning 10 years, I worked as a WordPress Web Content Manager, contributing to diverse web projects, including personal blogs, entrepreneurs' websites, and non-profit platforms.

Beyond coding, I co-directed an indie film festival, attracting 2000+ cinephiles, and led initiatives to enhance various public services. Recently, I successfully completed a rigorous React Front End Web Developer Coding Bootcamp at IT Academy in Barcelona, ensuring that I stay at the forefront of web development.

Proficient in Catalan, Spanish, English, and French, I am passionate about languages and their power to connect people.

I believe in the transformative potential of groups of people working cooperatively with a shared objective, while consistently prioritizing mental health and the environment.

Away from screens, I send extensive global voice messages, play Rummikub with family, tend rooftop radishes, run on Sunday mornings, enjoy horror movies, engage in a school association, and participate in a Poblenou cohousing project.

Welcome to my portfolio! 👋 🚀

Experience

2024 - Present
Front End Developer · AdoptaUnJunior↗
Facilitated migration to Next.js, integrated TypeScript for enhanced code quality, employed Tailwind CSS for streamlined styling, supported user feedback analysis, and collaborated within a development team for seamless transitions and issue resolution.
    Next.js
    React
    Typescript
    Tailwind
    Figma
    Git
2022 - 2023
Front End Developer · IT Academy↗
Create dynamic web applications, from initial design to coding and optimization, ensuring top-notch user experiences.
    React
    Firebase
    JavaScript
    HTML5
    CSS3
    Git
2018 - Present
Wordpress Web Manager · CRAC Association↗
Oversight of the main page, the professional directory and Intranet on the association's WordPress website, communication with members through various channels, production and distribution of weekly newsletters via Mailchimp, and maintenance of the association's database using FileMaker.
    WordPress
    Elementor
    HTML
    CSS
    Mailchimp
    FileMaker
2013 - 2018
Wordpress Web Developer · pbaudiovisual↗
Design and develop custom WordPress platforms for clients, resulting in responsive, user-friendly websites. Performance enhancements were achieved through strategic optimization, leading to improved loading times and SEO rankings.
    WordPress
    Elementor
    UI/UX
    HTML
    CSS
View Full Résumé➔

Projects

Mastermind Game App · Adopta Un Junior↗

Mastermind Challenge is a dynamic React + TypeScript app powered by Firebase, offering a modern twist on the classic code-breaking game. Analyze patterns, crack the code, and climb the leaderboard in this fun, strategic experience!

    Figma
    Next.js
    React
    TypeScript
    Tailwind CSS
    Vitest
    Git
    Visual Studio Code
Wordle for Kids App · IT Academy↗

Kids Wordle Adventure is a vibrant and educational React + TypeScript + Tailwind project, powered by Vite, offering a delightful twist on the classic word-guessing game designed specifically for young explorers aged between 7 and 11 years old.

    React
    TypeScript
    Tailwind CSS
    Jest
    Git
    Visual Studio Code
Nim Strategy Game App · IT Academy↗

Online Nim strategy game built with React, styled components, and JavaScript. Seamlessly integrated with Firebase for real-time interactions, dynamic content updates, and a live ranking, enhancing player engagement and competition.

    React
    Styled Components
    JavaScript
    HTML5
    CSS3
    Firebase
    Git
    Visual Studio Code
Personal Portfolio Web ↗

Personal portfolio webpage that showcases my skills and experience in four sections: About, Experience, Projects, and Contact. Taking inspiration from Hosna Qasmei's workflow and tech stack, I designed it using Figma and coded it with Visual Studio Code, Next.js, and Tailwind CSS. This ensures a visually appealing and responsive display of my work. Hosted on Vercel, my portfolio is easily accessible for those interested in exploring my projects.

    Figma
    Next.js
    Tailwind CSS
    TypeScript
    HTML
    Vercel
Distinc WordPress Websites · pbaudiovisual↗

Design and development of more than 10 distinct WordPress websites, each one tailored to meet the needs and branding of clients and organizations. My work emphasizes responsive and user-friendly designs, content management with SEO optimization, theme customization, and seamless plugin integration.

    WordPress
    UI/UX Design
    SEO
    CSS
    HTML

Contact