# Thalyson's Portfolio ## Docs - [Animated Background](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/components/animated-background.md): Canvas-based animated grid background with interactive hover effects - [GitHub Stats](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/components/github-stats.md): Real-time GitHub statistics component with animated numbers and API integration - [Component Architecture](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/components/overview.md): Overview of component architecture, design system, and composition patterns in Thalyson Portfolio - [UI Components](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/components/ui-components.md): Complete reference for UI primitive components built with Radix UI and Tailwind CSS - [Animation System](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/customization/animations.md): Implement smooth animations with Framer Motion and performance optimizations - [Content Management](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/customization/content-management.md): Manage portfolio content using the centralized JSON configuration system - [Styling System](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/customization/styling.md): Customize design with Tailwind CSS 4, design tokens, and class-variance-authority - [Analytics Integration](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/development/analytics.md): Set up Google Analytics with privacy-first cookie consent for Thalyson's Portfolio - [Building for Production](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/development/building.md): Learn how to build and optimize Thalyson's Portfolio for production deployment - [Deployment Guide](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/development/deployment-guide.md): Complete guide to deploying Thalyson's Portfolio to production environments - [Environment Setup](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/development/environment-setup.md): Configure your development environment for Thalyson's Portfolio - [Project Structure](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/development/project-structure.md): Complete overview of the Next.js 16 App Router project structure and file organization - [SEO Optimization](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/development/seo-optimization.md): Comprehensive SEO implementation for maximum visibility in search engines - [State Management](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/development/state-management.md): Complete guide to Zustand implementation, language store, and state management best practices - [Tech Stack](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/development/tech-stack.md): Comprehensive overview of all technologies, libraries, and tools used in the portfolio - [About Section](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/features/about-section.md): Personal bio, tech stack visualization, and professional journey highlights - [Contact Form](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/features/contact-form.md): Validated contact form with React Hook Form, Zod schema validation, and WhatsApp integration - [Hero Section](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/features/hero-section.md): Learn how the Hero component creates an impactful first impression with animations, CTAs, and GitHub stats - [Internationalization (i18n)](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/features/internationalization.md): Complete bilingual support with Zustand state management and content.json structure - [Projects Showcase](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/features/projects-showcase.md): Display your portfolio projects with image carousels, tech stacks, and live demo links - [Installation](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/installation.md): Comprehensive installation guide with prerequisites, environment setup, troubleshooting, and verification steps for Thalyson's Portfolio. - [Introduction](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/introduction.md): Welcome to Thalyson's Portfolio documentation - a modern full-stack portfolio built with Next.js 16, React 19, and cutting-edge technologies. - [Quick Start](https://mintlify.wiki/ThalysonRibeiro/my-portfolio-fullstack/quickstart.md): Get Thalyson's Portfolio running on your local machine in under 5 minutes with this step-by-step guide.