https://github.com/mlezcano1985/acid_labs_front
Consulta de servicio de clima con ReactJS
https://github.com/mlezcano1985/acid_labs_front
Last synced: 11 months ago
JSON representation
Consulta de servicio de clima con ReactJS
- Host: GitHub
- URL: https://github.com/mlezcano1985/acid_labs_front
- Owner: mlezcano1985
- Created: 2019-07-10T20:33:33.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T04:24:20.000Z (over 3 years ago)
- Last Synced: 2025-01-06T22:50:06.677Z (over 1 year ago)
- Language: JavaScript
- Size: 3.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Consulta de servicio de clima con ReactJS
Simple aplicación construida con ReactJS para realizar consultas a una API construida en [ExpressJS](https://expressjs.com/es). Revise como consultar esta API en este [enlace](https://github.com/mlezcano1985/acid_labs_backend).
# Cómo empezar?
- Clonar o descargar el repositorio.
- Abrir un terminal en la raíz del proyecto.
# Ejecutar con Docker
- Instalar [Docker](https://docs.docker.com/compose/install/) en dependencia de su sistema operativo.
- Abrir un terminal en la raíz del proyecto.
- Ejecutar el comando `yarn run start-docker` para que la se inicie el contenedor de react en el entorno de producción.
# Ejecutar sin Docker
- Instalar versión estable de [NodeJS](https://nodejs.org/es/download/).
- Instalar [create-react-app](https://es.reactjs.org/docs/create-a-new-react-app.html).
- Instalar dependencias usando el comando `yarn install`.
- Ejecutar el comando `yarn start` para que la se inicie la aplicación web en el entorno de desarrollo.
- Abrir en el navegador la url: [http://localhost:3000](http://localhost:3000).
# Entornos
Para poder consumir los servicios de [Google Map](https://developers.google.com/maps/documentation/?hl=es), debe poner un key válido en los ficheros `.env.development` o `.env.production`, según sea el caso. Puede consultar este [enlace](https://developers.google.com/maps/documentation/javascript/get-api-key) para más información.