This is a Frontend Practice web challenge that consists of creating a clone of the Stark website.
-
Astro: I have used Astro as the main framework of the project, creating the vast majority of components. Astro is a framework that does not load JavaScript by default on the client, it's SSR (Server Side Rendering), and that causes the loading of the website to be practically instantaneous.
-
React: I have used React for all components that are interactive with the user, that is, all those components that trigger an event.
-
CSS Modules: I have used CSS Modules to style React components.
This is the structure that I have used in this project
/
├── public/
│ ├── assets/
│ │ └── image.png
│ └── fonts/
│ └── font.otf
│
├── src/
│ ├── components/
│ │ └── Component.astro
│ │ └── Component/
│ │ └── index.jsx
│ │ └── Component.module.css
│ ├── hooks/
│ │ └── useHook.js
│ ├── layouts/
│ │ └── Layout.astro
│ ├── lib/
│ │ └── getData.js
│ └── pages/
│ └── index.astro
└── package.json
