Frontend2024Online

Personal portfolio built with Next.js, Tailwind, and TypeScript

An interactive showcase of my skills, projects, and experiments with new technologies, all designed with a focus on usability and constant evolution.

Personal portfolio built with Next.js, Tailwind, and TypeScript, project by Felipe Frantz Zanini built with JavaScript, TypeScript, React

Project Overview

Welcome to my portfolio. I built it to show the work I've done and how I like to work. You'll find a mix of projects here, each one with the care I try to put into the job.

I designed it around usability and mobile-first, so it's easy to move around and you get a clear picture of my work and who I am.

It's also my testing lab. I try new libraries here before I use them on client work, which helps me stay current.

Technology Stack

JavaScriptTypeScriptReactNext.jsCSS3TailwindCSSVercel

Implemented features

  • Modern frontend with Next.js and TypeScript
  • Animations with Framer Motion
  • Responsive design with Tailwind CSS
  • Dark Mode
  • Functional contact form
  • Translation system
  • Custom component architecture
  • Smart preloading

Technical Challenges

  • Efficient multilingual management
  • Precise animation control
  • Deploy and caching with Vercel
  • Safe sanitization of dynamic HTML
  • Language selected dynamically based on user location

Achievements

  • UX in 3 languages with dark mode
  • Performance optimized for Next.js and Vercel
  • Internationalization ready for recruiters
  • Reusable, scalable components
  • Working contact form

Hello

Loading