edi-developer

Bienvenido al repositorio de "edi-developer", mi sitio web personal y portafolio interactivo que destaca mis habilidades y experiencia en desarrollo frontend. Este proyecto utiliza tecnologías avanzadas como React, Vite.js, Three.js, GSAP, Tailwind CSS y TypeScript para ofrecer una experiencia de usuario tridimensional y animada de alta calidad.

Demo

Visita [(https://edinsonnm.github.io/edi-developer/)] para explorar el portafolio en línea.

Tecnologías Utilizadas

• React: Un framework de JavaScript para construir interfaces de usuario con componentes eficientes y reactivos.
• Vite.js: Una herramienta de construcción moderna que proporciona un entorno de desarrollo rápido y un rendimiento optimizado en producción.
• Three.js: Librería de JavaScript para crear y mostrar gráficos animados en 3D en un navegador web.
• GSAP: Plataforma de animación que permite animaciones complejas y de alto rendimiento en la web.
• Tailwind CSS: Un framework de CSS que permite diseñar sitios rápidamente sin salir del HTML, usando clases de utilidad.
• TypeScript: Un superconjunto de JavaScript que añade tipos estáticos y objetos basados en clases, mejorando la calidad del código y la experiencia de desarrollo.

Características

• Navegación tridimensional para una exploración interactiva de mis proyectos y experiencia.
• Animaciones fluidas y atractivas diseñadas con GSAP para una experiencia de usuario inmersiva.
• Diseño responsive utilizando Tailwind CSS, asegurando una visualización óptima en todos los dispositivos y resoluciones de pantalla.

Estructura del Proyecto

edi-developer/
├── src/                    # Código fuente principal
│   ├── components/        # Componentes reutilizables
│   │   └── ui/           # Componentes de interfaz de usuario (animaciones, botones, etc.)
│   ├── core/             # Funcionalidades principales
│   │   ├── ui/          # Hooks y utilidades de UI
│   │   └── utils/       # Utilidades generales
│   ├── design/          # Sistema de diseño
│   │   ├── atoms/       # Componentes atómicos (botones, iconos, loaders)
│   │   ├── molecules/   # Componentes moleculares
│   │   └── templates/   # Plantillas de páginas
│   ├── hooks/           # Custom hooks
│   ├── lib/             # Librerías y utilidades
│   └── main.tsx         # Punto de entrada de la aplicación
├── public/                 # Archivos públicos estáticos
├── dist/                   # Archivos compilados para producción
├── models/                 # Modelos 3D (.glb, .gltf)
├── images/                 # Imágenes y recursos gráficos
│   └── companies/         # Logos e imágenes de empresas
├── videos/                 # Archivos de video
├── index.html             # Punto de entrada HTML
├── tailwind.config.js     # Configuración de Tailwind CSS
├── tsconfig.json          # Configuración de TypeScript
├── package.json           # Dependencias y scripts
└── README.md              # Documentación del proyecto

Instalación Local

Sigue estos pasos para configurar el proyecto localmente. Necesitarás Node.js y npm instalados en tu sistema.

1. Clona el repositorio:

   git clone https://github.com/tu-usuario/edi-developer.git
   cd edi-developer

2. Instala las dependencias:

   npm install

3. Ejecuta el entorno de desarrollo local:

   npm run dev

Visita http://localhost:3000 en tu navegador para ver el proyecto en desarrollo.

Contribuciones

Las contribuciones son bienvenidas. Por favor, lee el archivo CONTRIBUTING.md para obtener más información sobre cómo puedes aportar al proyecto.

Licencia

Este proyecto está licenciado bajo la Licencia MIT - consulta el archivo LICENSE.md para más detalles.

Contacto

Si tienes preguntas o deseas conectarte conmigo, puedes enviarme un correo electrónico a [email protected].

---

Creado con ❤️ por Edinson Nuñez