Skip to content

Latest commit

 

History

History
57 lines (43 loc) · 2.29 KB

README.md

File metadata and controls

57 lines (43 loc) · 2.29 KB
Raw

Tienda Pixeles

Vercel

Sitio de eCommerce creado con create-react-app para el curso de ReactJS de Coder House.

Herramientas/tecnologías utilizadas:

Instrucciones para arrancar el proyecto

  1. Clonar el repositorio
git clone https://github.com/pablobh/tienda-pixeles.git
  1. Cambiamos el directorio al de repositorio que acabamos de clonar
cd tienda-pixeles
  1. Instalamos las dependencias con Yarn:
yarn install
  1. Creamos el archivo .env donde estarán todos los datos de configuración de Firebase (puedes tomar como base el archivo .env.example), tu archivo debería quedar así:
REACT_APP_API_KEY=Aquí-va-tu-apiKey
REACT_APP_AUTH_DOMAIN=Aquí-va-tu-authDomain
REACT_APP_PROJECT_ID=Aquí-va-tu-projectId
REACT_APP_BUCKET=Aquí-va-tu-storageBucket
REACT_APP_MSG_SENDER_ID=Aquí-va-tu-messagingSenderId
REACT_APP_APP_ID=Aquí-va-tu-appId

¿Y el CSS dónde está?

  • En la carpeta src/styles hay 2 archivos que componen la configuración general de los estilos usados en el proyecto:
    • App.scss - Aquí están todos los módulos de Bulma, solo se importan los que se necesiten/usen en el proyecto, adicionalmente aquí se deben llamar los scss adicionales que se usen en el proyecto.
    • _settings.scss - Define las variables de Bulma y la configuración de fuentes, colores, márgenes, etc que se usan en el proyecto.

Scripts disponibles

yarn start

Para arrancar el proyecto en modo desarrollo. El proyecto estará disponible en http://localhost:3000 y se recargará automáticamente cada vez que se edite algún archivo, adicionalmente en la consola mostrará los errores de linting.

yarn build

Compila la aplicación para producción en la carpeta build
Esta versión estará con React en modo de producción con todas las optimizaciones y minificaciones necesarias. Después de compilarla, la aplicación quedará lista para el deploy.