Skip to content

Latest commit

 

History

History
78 lines (59 loc) · 2.12 KB

README.md

File metadata and controls

78 lines (59 loc) · 2.12 KB

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