Skip to main content

Guigolo

Personal portfolio for UX/UI designer Guillermo González López

Showcasing human-centered design work and digital product experiences through a Next.js portfolio with advanced gamification features

Get StartedExplore Documentation

Quick Start

Get Guigolo running locally in minutes with these simple steps

1

Clone the repository

Clone the Guigolo repository to your local machine:
git clone https://github.com/memorstx/guigolo.git
cd guigolo
2

Install dependencies

Install all required dependencies using npm:
npm install
Guigolo uses Next.js 16 with React 19 and requires Node.js 20 or higher.
3

Run the development server

Start the local development server:
npm run dev
Open http://localhost:3000 to view the portfolio in your browser.

Explore by Topic

Dive deep into the architecture, components, and features that make Guigolo unique

Architecture

Understand the Next.js App Router structure and component organization

Design System

Explore the Tailwind-based design tokens and responsive breakpoints

Gamification

Learn about the achievements and missions system that enhances user engagement

Components

Browse the reusable React components and their prop interfaces

Key Features

Built with modern technologies and best practices

⚡

Next.js 16

Built on the latest Next.js with App Router and React Server Components

🎨

Tailwind CSS

Custom design system with responsive breakpoints and design tokens

🏆

Gamification

Achievement and mission system with localStorage persistence

🎭

Project Showcase

Embla carousel with autoplay for showcasing portfolio projects

📊

Analytics

Google Analytics, Hotjar, and Vercel Analytics integration

🔍

SEO Optimized

Complete Open Graph, Twitter Cards, and structured data setup

Resources

Customization Guide

Learn how to customize colors, fonts, and brand elements

Deployment

Deploy to Vercel with continuous deployment and environment variables

API Reference

Explore the gamification APIs and component interfaces

Styling Guide

Master the Tailwind configuration and responsive design patterns

Ready to Get Started?

Explore the full documentation to learn how to build and customize your own portfolio with Guigolo’s architecture

Start Building

Build docs developers (and LLMs) love

Get started for freeTalk to us