Fabio Canavarro - Personal Portfolio

This is the source code for my personal portfolio website, designed to showcase my skills, projects, and professional experience as a software developer. It is built with a modern tech stack to be fast, responsive, and SEO-friendly

View Live Demo

Features

• Modern & Sleek Design: Styled with the Catppuccin color palette for a clean, developer-focused aesthetic.
• Dynamic & Interactive:
  • Smooth page animations powered by Framer Motion.
  • An interactive, glowing grid background that follows the user's cursor.
• Fully Responsive: Looks great on all devices, from mobile phones to desktops.
• SEO Optimized: Built with Next.js for server-side rendering and includes structured data (JSON-LD) to improve search engine visibility.
• Component-Based: Organized with a clean and maintainable project structure.

Tech Stack

• Framework: Next.js (App Router)
• Styling: Tailwind CSS
• Animation: Framer Motion
• Icons: Lucide React
• Deployment: Vercel

Getting Started

To run this project locally, follow these steps:

Prerequisites

• Node.js (v18.x or later)
• npm, yarn, or pnpm

1. Clone the repository

git clone https://github.com/FabioCanavarro/portfolio
cd your-portfolio-repo

2. Install dependencies

npm install
# or
yarn install
# or
pnpm install

3. Run the development server

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 in your browser to see the result.

Contact

• GitHub: FabioCanavarro
• Email: fabiocanavarrotoh@gmail.com