Palma Store
Información destacada:
- Desarrollar barra de navegación y elementos en ella.
- Usar diversos componentes de Material-UI.
- Colocar un banner con tres botones en la página de inicio.
- Colocar tres portadas de galerías de productos en el centro en la página de inicio.
- Colocar textos con efectos fade in de React Reveal en el banner de la página de inicio, y personalizar la duración de los efectos y la demora en el inicio de uno de esos efectos.
- Corregir bugs.
- Desarrollar diversos tipos de galerías de productos con React Image Gallery y desarrollo responsive.
- Desplegar aplicación web en Vercel.
- Cambiar "display: flex;" del CSS de Container, que está en el archivo Navbar.js que está en la carpeta components, a "display: grid", además de otros cambios realizados a ese CSS, para hacer que el logo no se mueva cuando los paddings de los enlaces de navegación sean cambiados y para hacer que el logo esté en el centro de la barra de navegación.
- Eliminar "padding-right: 10.7rem;" y "transform: translateX(4.9rem);" de la media query de 768px para abajo de a que está en el CSS de Logo en el archivo Navbar.js.
Highlighted information:
- Developing navigation bar and elements in it.
- Making use of Material-UI components.
- Placing a banner with three buttons on the home page.
- Placing on the home page three product gallery covers.
- Placing texts with React Reveal fade in effects on the home page’s banner, and customizing the duration of the effects and the delay in the start of one of those effects.
- Debugging.
- Developing several product gallery types with React Image Gallery and responsive development.
- Deploying web application to Vercel.
- Changing "display: flex;" from Container's CSS (Container is in the Navbar.js file that's in the components folder) to "display: grid", along with other changes made to that CSS, to make the logo not to move when the navlinks' paddings are changed and to make the logo to be on the navbar's center.
- Removing "padding-right: 10.7rem;" and "transform: translateX(4.9rem);" from the 768px and below media query for a that's in Logo's CSS.