Skip to content

Repository files navigation

🚀 Portfolio Full Stack — Jesús Canicio Ruiz

React Tailwind CSS TypeScript Vite GSAP

Un portafolio profesional moderno, interactivo y de alto rendimiento diseñado para mostrar mis habilidades como Desarrollador Full Stack. El proyecto combina una estética premium con una arquitectura sólida y animaciones fluidas.


✨ Características Principales

  • 🎨 Diseño Premium & Responsive: Interfaz moderna optimizada para todos los dispositivos y con soporte completo para modo oscuro/claro.
  • ⚡ Rendimiento Extremo: Construido con React 19 y Vite para tiempos de carga instantáneos.
  • 🎭 Animaciones de Vanguardia: Integración de GSAP y Motion para una experiencia de usuario dinámica y fluida.
  • 🌍 Multi-lenguaje (i18n): Soporte completo para Español e Inglés mediante Context API.
  • 📊 Analíticas: Integración con Vercel Analytics para seguimiento de métricas.

🛠️ Stack Tecnológico

Área Tecnologías
Frontend React 19, TypeScript, Tailwind CSS 4
Backend PHP (Laravel), Python, Java
Animaciones GSAP, Motion (Framer Motion)
Bases de Datos SQL, MongoDB
Herramientas Vite, Lucide React, Vercel Analytics

📂 Estructura del Proyecto

src/
├── components/   # Componentes de UI (Hero, Navbar, Projects, etc.)
├── context/      # Gestión de estado global (Lenguaje, Temas)
├── constants.tsx # Datos estáticos y configuración de contenidos
├── types.ts      # Definiciones de tipos TypeScript
└── App.tsx       # Componente raíz y orquestador de la aplicación

🚀 Proyectos Destacados

📦 StockFlow — Gestión Robótica

Sistema integral para la optimización de inventarios en entornos de robótica.

  • Tech Stack: React, Laravel, MySQL, Tailwind CSS.
  • Características: Control de stock en tiempo real, gestión de recursos y API REST robusta.
  • Ver Código en GitHub

🛠️ Instalación y Uso

Asegúrate de tener Node.js instalado.

  1. Clonar el repositorio:

    git clone https://github.com/JesusCaRu/Porfolio.git
    cd Porfolio
  2. Instalar dependencias:

    npm install
    # o si prefieres pnpm
    pnpm install
  3. Ejecutar en modo desarrollo:

    npm run dev
  4. Construir para producción:

    npm run build

👨‍💻 Sobre mí

Jesús Canicio Ruiz — Desarrollador Full Stack con enfoque en la escalabilidad y la arquitectura limpia.
📧 jesuscanicio33@gmail.com


Hecho con ❤️ por Jesús Canicio

About

Modern & Interactive Full Stack Developer Portfolio built with React 19, TypeScript, Tailwind CSS v4, GSAP & Framer Motion. Features a developer terminal simulator, glassmorphism UI, scroll-scrubbed timeline, dynamic skills filter, and bilingual support (ES/EN).

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages