Skip to content

Latest commit

 

History

History
81 lines (59 loc) · 3.34 KB

README.md

File metadata and controls

81 lines (59 loc) · 3.34 KB

Button Language

Stark Web Clone


Este proyecto es un reto de la web Frontend Practice que consiste en crear un clon de la página web de Stark.

Button Stark Web Clone Button Stark Web

👨🏽‍💻 ¿Qué tecnologías he utilizado?


Button Astro Button React Button Modules Button Vercel

  • Astro: He utilizado Astro como el framework principal del proyecto, creando la gran mayoría de componentes. Astro es un framework que no carga JavaScript por defecto en el cliente, es SSR (Server Side Rendering), y eso provoca que la carga de la web sea prácticamente instantánea.

  • React: He utilizado React para todos los componentes que sean interactivos con el usuario, es decir, todos aquellos componentes que disparen un evento.

  • CSS Modules: He usado CSS Modules para darle estilos a los componentes de React.

📸 Algunas capturas del proyecto!


Hero Section Screenshot

Video Section Screenshot

Features Section Screenshot

Footer Section Screenshot

🗃️ Estructura del proyecto


Esta es la estructura que he utilizado en este proyecto

/
├── 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

👀 ¿Dónde puedes encontrarme?


Button Portfolio