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
• Funcionalidades
• Tecnologías Utilizadas
• Instalación
• Contribución

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.