Reto de la web de Frontend Practice, donde he recreado la web de BASIC/DEPT© utilizando Astro y React.
Astro: He utilizado Astro como framework para el desarrollo de la web, ya que, permite reducir la sobrecarga de Javascript en el navegador y mejora el rendimiento de la web, además de tener un buen SEO.
React: He usado React para los componentes que necesitan la interacción del usuario.
CSS Modules: He utilizado CSS Modules para el estilo de los componentes en React, lo que me permite tener un estilo modular y evitar conflictos de nombres.
Javascript: He utilizado Javascript para hacer algunos scripts como cambiar el tema de la web cuando llega el scroll a determinada sección de la web y para ocultar y mostrar el header al hacer scroll.
Esta es la estructura que he utilizado en este proyecto:
/
├── public/
│ └── assets/ │ └── image.jpg
│
├── src/
│ ├── components/
│ │ ├── Component/
│ │ │ └── index.jsx
│ │ │ └── Component.module.css │ │ └── Component.astro
│ ├── utils/
│ │ └── util.js
│ ├── layout/
│ │ └── Layout.astro
│ ├── pages/
│ │ └── index.astro
│ ├── hooks/
│ │ └── useHook.js
│ └── scripts/
│ └── script.js └── package.json
