Tuvimos inconvenientes para desplegar la pagina en Vercel .
Desarrollo
Estructura de carpetas
La raíz del proyecto contiene lo siguiente:
-Carpeta node modules: se encuentran todos los paquetes instalados.
-Carpeta public: contiene el archivo HTML.
-Carpeta src:
-Carpeta assets: contiene los assets e iconos utilizados para el maquetado.
-Carpeta components: contiene los componentes de react utlizados y los estilos de estos dados con el preprocesador SASS.
Componentes:
Home que a su vez tiene los componentes NavBar, SectionOne y SectionTwo.
Destination.
Crew
Technology
App
-Carpeta router: contine el archivo router.js donde se desarrolla la funcionalidad de las rutas.
Funciones y métodos implementados
Se utilizó react, react router DOM para la funcionalidad de enrutado, se utilizó el componente outlet para que el componente navbar permaneciera en las distintas rutas y se realizó enrutado dinamico. Se usó SASS como prepocesador de CSS y axios para realizar las solicitudes HTTP. Se desplegó el miniback en railway $\rightarrow$ URL del mini back.
Diseño UI
Para el diseño responsive se utilizó media querys y display flex.
dpaeza
commented
1 year ago
Repositorio
URL del repositorio
Página desplegada
Tuvimos inconvenientes para desplegar la pagina en Vercel .
Desarrollo
Estructura de carpetas
La raíz del proyecto contiene lo siguiente:
-Carpeta node modules: se encuentran todos los paquetes instalados.
-Carpeta public: contiene el archivo HTML.
-Carpeta src:
-Carpeta assets: contiene los assets e iconos utilizados para el maquetado.
-Carpeta components: contiene los componentes de react utlizados y los estilos de estos dados con el preprocesador SASS. Componentes:
-Carpeta router: contine el archivo router.js donde se desarrolla la funcionalidad de las rutas.
Funciones y métodos implementados
Se utilizó react, react router DOM para la funcionalidad de enrutado, se utilizó el componente outlet para que el componente navbar permaneciera en las distintas rutas y se realizó enrutado dinamico. Se usó SASS como prepocesador de CSS y axios para realizar las solicitudes HTTP. Se desplegó el miniback en railway $\rightarrow$ URL del mini back.
Diseño UI
Para el diseño responsive se utilizó media querys y display flex.
Imágenes de las diferentes pantallas
Vista desktop
Vista mobile
Estadísticas de Wakatime
Jurany Adelia Ramírez Pineda @JuranyR
Daniela Paez @dpaeza $\rightarrow$ URL estadísticas Daniela Paez
Ana María Cano @AnaM8129
Integrantes
@JuranyR -- Jurany Adelia Ramírez Pineda @dpaeza -- Daniela Páez @AnaM8129 -- Ana María Cano
Mentora
@WhitneySt
Instructor
@hispanos