Frontend Developer · UI Engineer
Barcelona · Building clean, fast, accessible interfaces

Portfolio · Email · LinkedIn · CodePen

• 🌱 Currently deepening TypeScript, Next.js, GSAP
• 🛠️ I care about accessibility, motion design, and performance
• 📫 Reach me: simonecontisid@gmail.com

Clean code, hiring-friendly write-ups, and live links.
Tech badges show the main stack used in each project.

A clean Next.js CRUD app with search, filters, and optimistic UI for lost/found pets.

• Server/Client Components, Zod validation, optimistic mutations.
• Accessible forms, keyboard-navigable lists, robust error boundaries.
• Repo: https://github.com/simonecontidev/nextjs-petfinder

Experiential Next.js build mixing micro-interactions, subtle WebGL and audio layers.

• App Router with fluid route transitions, no layout shifts, rich motion design.
• Ambient sound layers + scroll-linked animations, lazy components, GPU transitions.
• Live: https://tropify.simoneconti.work/

Custom Shopify components + cart integrations focused on UX and performance.

• Advanced Live Product Options previews + persisted selections.
• Market-based navigation (US/EU/UK/AU) no flicker, Liquid-only fallback.
• Live: https://guavabikes.com

A Trello-style board with buttery drag-and-drop and persistent state.

• dnd-kit collision detection · keyboard accessible actions · local persistence
• Live: https://taskflow.simoneconti.work/

A high-touch Shopify slider with video backgrounds and GSAP micro-interactions.

• Restart-on-slide logic to avoid placeholder flashes · deep links to LPO configs
• Live: https://mikakus.com

Hiring-focused job board with real-time filters, keyboard UX, and tasteful motion.

• Debounced search · SSR-friendly data loading · ARIA-complete filters
• Live: https://jobboard.simoneconti.work/

Friendly splitter for tips, tax, and uneven shares—built for speed and clarity.

• Tip presets + custom · celebratory micro-animations · dark/light mode
• Live: https://splitbill.simoneconti.work/

Three.js-powered portfolio blending performance, accessibility, and motion design.

• Scroll-linked motion, reduced-motion fallbacks, lazy assets for fast TTI
• Live: https://planet.simoneconti.work/

Core: Next.js, React, TypeScript, Tailwind, GSAP · UI: MUI, Framer Motion · e-commerce: Shopify (Liquid), WooCommerce · DX: Vite, PNPM/NPM, ESLint/Prettier · Design: Figma

• Portfolio: https://simoneconti.work
• Email: simonecontisid@gmail.com
• LinkedIn: https://www.linkedin.com/in/simonecontidev