KRYPTO Home Page

Simple Home Page

Características

• Figma Design
• Figma to React Design
• Responsive Design

Dependencias

• Vite
• React
• React Icons
• TailWindCSS
• TailWind Scrollbar

Descripción

En este proyecto se diseñó una página web utilizando Figma para posteriormente traducir el diseño a código de React y Tailwind. Esto permitió crear un diseño web responsivo que se adapta a las pantallas de los distintos dispositivos desde los cuales se visualiza la página web. El diseño de la página web se lo hizo con la guía de Flux Academy: Figma Tutorial - YouTube para crear un diseño web moderno y de calidad profesional.

🚀 Visualiza el demo de Krypto aquí

📂 Descarga el diseño en Figma aquí

Instalación

• PNPM

$ npm i --location=global pnpm

• Instalar dependencias y Ejecutar

$ git clone https://github.com/da8ah/react-krypto-home.git
$ pnpm install
$ pnpm run dev

Resultado

Diseño Responsivo (React)

Mobile	Tablet	Desktop

Animaciones

Mobile Navbar

Button Color Hover

Versionamiento

(Tiber) Abril 2023 v1.0.0

• Navbar
• Hero Section
• Brands
• Features
• Testimonials
• Call to Action
• Footer