Frontend Developer & more

Roberto Attanasio

Welcome

My name is Roberto Attanasio and I'm a web developer with five years of experience. I build web applications mainly with React, Next.js and Tailwind CSS, with particular attention to the balance between code quality, performance and user experience.

I currently work at Soundreef, where I take care of developing and maintaining FE products, various types of HTML templating, internal packages and the Design System.

Accessibility is my guilty pleasure.

Roberto Attanasio

Frontend dev

I'm a big fan of building and maintaining libraries, components that are often less visible but essential to a product's overall consistency and long-term scalability. The main technologies I currently use are:

  • - @tanstack/tanstack query
  • - react router
  • - react hook form
  • - vite

For my personal projects, on the other hand, I spend hours trying out new technologies, frameworks and UI components. Secretly in love with:

  • - solid.js
  • - tanstack start

& more

When I clock off from work I don't really stop creating, I just switch tools: from sounds to words, from words to images, with no fixed rule at all. These are the activities I keep coming back to:

  • - music composition
  • - writing
  • - design
  • - visual arts

However many passions and interests I might move between, there's one obsession I can never quite shake off:

  • - piano
  • - typography

Hard skills

  • Git
  • HTML
  • CSS
  • JavaScript
  • typescript
  • react
  • next
  • tailwindcss
  • vite

Soft skills

  • Teamwork
  • Problem Solving
  • Communication
  • Adaptability
  • Attention to Detail
  • Mentoring

Libs & Softs

  • tanstack start
  • tanstack router
  • @tanstack/react-virtual
  • react router
  • react hook form
  • use-intl
  • @reduxjs/toolkit
  • chart.js
  • VS Code
  • Sketch

That's it, for now!

I like simplicity and immediacy, this is a first taste of my work and what I do in life. Discover more about my journey, work and personal projects, there's still so much to know and feel.

but

if you're interested in getting in touch with me for any additional information or just to say hi, here are my main contacts and useful details.

Contact me

Readme

Welcome to the documentation section: here you'll find a brief overview of the technologies used and the keyboard shortcuts for navigating the site. In this project, I tried to blend two different styles — elegance and simplicity — with a technical component aesthetic inspired by GitHub, aiming for a balance between technology and literature. The application deliberately keeps its design and features lightweight, avoiding JavaScript-heavy excess, with the goal of leveraging the latest capabilities the browser has to offer.

  • typescript
  • react
  • tanstack start
  • tanstack router
  • vite
  • tailwindcss
  • use-intl
  • Switch between light and dark themeShift+T
  • Play or pause the current track
  • Scroll back to the top of the pageShift+↑
  • Open or close this panelShift+R