Project for ReactJS study purposes, where I take advantage of Rocketseat's #boraCodar 10 front-end challenge to create a weather web app. In this project, I made integrations with APIs to capture location and weather information. I used weatherapi.com and opencagedata.com apis.
One of the great challenges of this project was to find the mathematical formula to position the sun on the graph and for that I had the help of a dear and great friend, professor of mathematics, André Penedo. 💚👊
See: https://leandroparice-boracodar10.netlify.app/
- Install the dependencies with NPM.
npm install
-
Create an account on weatherapi.com and opencagedata.com services to get your API keys
-
Create a .env file in root folder and put this variebles with your API KEYS.
VITE_WEATHERAPI_KEY=YOUR_API_KEY
VITE_OPENCAGEDATA_KEY=YOUR_API_KEY
- To start the project on your machine using NPM.
npm run dev
- To build the project using NPM.
npm run build
- Build command in Netlify.
echo -e "VITE_WEATHERAPI_KEY=YOUR_API_KEY\nVITE_OPENCAGEDATA_KEY=YOUR_API_KEY" > .env && npm run build
- HTML
- CSS
- Javascript
- ReactJS
- Vite
- Sass
- JSX
- GitHub
- Netlify
- Api weatherapi.com
- Api opencagedata.com
- Responsive ✔️
- Get location ✔️
- Get weather information ✔️
#boraCodar is a Rocketseat project in which, weekly, a layout is presented so that your front-end code can be made, for more information, see: rocketseat.com.br/boracodar
See: rocketseat - 10