Skip to content

Latest commit

 

History

History
62 lines (42 loc) · 2.68 KB

README.md

File metadata and controls

62 lines (42 loc) · 2.68 KB

Portfolio Web

Este es un proyecto de portfolio personal desarrollado para mostrar mis habilidades, proyectos y servicios. El sitio web cuenta con varias secciones, incluyendo una página de inicio, sobre mí, servicios, portfolio o trabajos realizados y una página de contacto. El objetivo principal de este proyecto es proporcionar una plataforma para destacar mi experiencia y habilidades en desarrollo web.

Tabla de Contenidos

Descripción

El portfolio web está diseñado para ser moderno, interactivo y responsivo, garantizando una experiencia de usuario óptima en dispositivos de escritorio y móviles. La estructura del sitio incluye:

  1. Página de Inicio: Una introducción general con efectos visuales llamativos.
  2. Sobre Mí: Información detallada sobre mi formación, experiencia y habilidades.
  3. Servicios: Una descripción de los servicios que ofrezco.
  4. Portfolio: Una galería de trabajos y proyectos realizados.
  5. Contacto: Un apartado para que los visitantes puedan ponerse en contacto conmigo.

Funcionalidades

  • Animaciones Interactivas: Uso de animaciones para mejorar la experiencia del usuario.
  • Responsive Design: Optimizado para dispositivos móviles y de escritorio.
  • Galería de Portfolio: Visualización interactiva de mis proyectos y trabajos realizados.

Tecnologías Utilizadas

  • Next.js: Framework de React para aplicaciones web.
  • React: Biblioteca para la construcción de interfaces de usuario.
  • TypeScript: Superset de JavaScript que añade tipos estáticos.
  • Tailwind CSS: Framework de CSS para estilos rápidos y eficientes.
  • tsparticles: Biblioteca para crear partículas animadas en el fondo.
  • Framer Motion: Biblioteca para animaciones.
  • React Icons: Conjunto de iconos para React.
  • React Type Animation: Efecto de animación de escritura para React.
  • React Circular Progressbar: Componente de barra de progreso circular para React.
  • Swiper: Biblioteca para crear sliders y carruseles.

Instalación

Sigue estos pasos para instalar y ejecutar el proyecto en tu máquina local.

  1. Clona el repositorio: git clone https://github.com/orangelvc93/OV_Calorie_Tracker.git
  2. Navega al directorio del proyecto: cd OV_Calorie_Tracker
  3. Instala las dependencias: npm install
  4. Inicia el servidor de desarrollo: npm run dev

Contribución

Las contribuciones son bienvenidas. Si tienes alguna sugerencia o encuentras un error, por favor abre un issue o envía un pull request.