/range-slider-react

PonTuPrecio, una APP web para escoger precios

Primary LanguageJavaScript

PontuPrecio

❤️ Revisa la DEMO 👀 ❤️

Netlify Status

  • Este proyecto fue un reto por parte de Make It Real.
  • Diseño de alta fidelidad:

image

Los usuarios deben poder:

✅ Mueva la perilla en el rango y el monto en dólares que se encuentra arriba se actualizará.

✅ Una vez que el usuario hace clic en "BUY NOW", te llegara una notificación con el precio elegido.

Requerimientos del proyecto

✅ Se uso Flexbox CSS.

✅ El proyecto tiene configurado ESLint y el Prettier.

✅ Se implemento con styled Components

✅ El diseño de alta fidelidad y parte de la maketación principal en html fue dado por Make It Real

Tecnologías utilizadas

Instalación

  1. Tener un 📝 editor de texto.
  2. Si usas un sistema operativo "UNIX-like", como GNU/Linux o MacOS, ya tienes una shell (terminal) instalada por defecto (y probablemente git también 🐧). Si usas Windows puedes usar Git bash.
  3. Haz tu propio 🍴 fork del repositorio.
  4. ⬇️ Clona tu fork a tu computadora (copia local).
  5. 📦 Instala las dependencias del proyecto con el comando npm install, siempre que ya tengas instalado node.js.
  6. 🚀 npm run start

image image