Skip to content

Frontend Practice challenge that consists of creating a clone of the Stark website

Notifications You must be signed in to change notification settings

MartinWebDev95/StarkWebClone

Repository files navigation

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

Releases

No releases published

Packages

No packages published