prep-project-22.P3.2

MLH Prep Project 💼

Weather App for all your daily weather needs.

Introduction

Over the next 2 weeks, you'll be building a React App that works with various APIs (Application Programming Interfaces) that talk to different data sources to do cool stuff.

We're using the OpenWeather API to get weather data on different cities. Your challenge over the next 2 weeks is to build out this website and add even more functionality to it. At the moment, it displays basic information about a location when you type it in. Check out Issues for some more ideas!

You'll need to get your own API Key from their website (for free) and add it as an environment variable in a .env file. We have a template available as example.env.

You'll be using React initially to build this. If you're new to React, check out the website for some information on getting started!

How to Run 🔧

Node.js and npm need to be installed globally on your machine.
Clone this repository

$ git clone https://github.com/MLH-Fellowship/prep-project-22.P3.2.git

You'll need to get your own API Key from their website and add it as an environment variable in a .env file.

Setting up Firebase

Go to Firebase
Press Get Started
Add a new project
Name it whatever you like and click Continue
Disable Google Analytics, no need for that
Create a project
Go to Authentication tab
Click on "Sign in method" and enable the email and password one
Hit save
Go to project overview
Add a web app and register it
Take all the keys and save them to a .env.local file
Remember that all the keys have to start with REACT_APP_...

Installing the dependencies and running the project.

Install the dependencies using npm install
Run the app using npm start
The app will be hosted on http://localhost:3000

You can also run the project using yarn instead. To start the project on your machine use following commands:

nvm use
yarn install
yarn start

Then open http://localhost:3000 if it doesn't open automatically.

Contributors 👥

We are the MLH Prep Fellowship Pod 22.P3.2. You can check out our portfolio here.

_{Marc Jaramillo}	_{Arteev Raina}	_{Prakhar Rathi}
_{Dasith U Edirisinghe}	_{Asjad Ahmed Khan}	_{Pratyaksh Singh}
_{Soham Bhoir}	_{Meghana Varanasi}	_{Mohd. Yahya}
_{Mitali Laroia}	_{Rishabh Vasudevan}	_{Samarthya Jha}
_{Judyta Filipkowska}	_{Rishi N Desai}

MLH-Fellowship / prep-project-22.P3.2

readme