Este es un proyecto de una landing page desarrollado por Rebeca Heredia como parte de un desafío propuesto por Frontend Mentor. El objetivo era crear una página web responsive y accesible utilizando tecnologías como React, Bootstrap y CSS.
La landing page es un sitio web diseñado para fijar los conocimientos sobre Bootstrap React. Se ha implementado siguiendo las mejores prácticas de diseño y desarrollo web para garantizar una experiencia agradable para los usuarios.
Utilicé el framework React para crear la estructura y la interactividad del sitio web. Implementé Bootstrap-React para aprovechar su sistema de rejilla y componentes predefinidos, lo que me permitió ahorrar tiempo y mantener una apariencia consistente en todo el sitio. Utilicé CSS para personalizar los estilos de los componentes y lograr un diseño único y atractivo. Aseguré que el sitio web sea completamente responsive, lo que significa que se adapta y se ve bien en una variedad de dispositivos y tamaños de pantalla. Implementé prácticas de accesibilidad para garantizar que el sitio web sea utilizable por personas con discapacidades visuales o motoras. Capturas de pantalla Aquí puedes ver algunas capturas de pantalla del proyecto:
Sigue estos pasos para ejecutar el proyecto localmente:
Clona este repositorio en tu máquina local. Abre una terminal y navega hasta el directorio raíz del proyecto. Ejecuta el comando npm install para instalar las dependencias. Ejecuta el comando npm start para iniciar el servidor de desarrollo. Abre tu navegador y visita http://localhost:5173 para ver la landing page en funcionamiento. Tiempo de desarrollo Este proyecto me llevó aproximadamente 2 días completarlo, incluyendo el diseño, la implementación y las pruebas.
Las contribuciones y sugerencias son bienvenidas. Si encuentras algún problema o tienes alguna mejora que proponer, por favor abre un issue en este repositorio.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent