Author: Skye McCullough
In this project, I have used a combination of skills that I have learned in code school along with a variety of online resources in order to build an interactive application that achieves the criteria specified in the following problem domain:
-
Locations: As a user of City Explorer, I want to enter the name of a location so that I can see the exact latitude and longitude of that location.
-
Map: As a user, I want to see a map of the city so that I can see the layout of the area I want to explore.
-
As a user, I want clear messages if something goes wrong so I know if I need to make any changes or try again in a different manner.
-
As a user of City Explorer, I want to see weather info for the city I searched, so that I know how to pack for an upcoming trip.
Here are the steps you can take to build this app, assuming you already have NodeJS and the Node Package Manager installed. If you do not, here is a good place for you to start.
- Fork this repo
- Run
npm initto set up your npm package - Now you can begin downloading and saving your dependencies by running the following commands
npm install axios,npm install react-bootstrap bootstrap, andnpm install dotenv - Sign up for a free account at LocationIQ and retrieve your personal API access token
- Sign up for a free account at Weatherbit.io and retrieve your API key
- Create your local
.envfile to store your API keys while keeping them private. - Navigate to your 'server' directory and run the command
node serverto start your server - Navigate to your 'client' directory and run
npm startto start the fronend and view the app.
Languages: ❁ HTML ❁ CSS ❁ JavaScript ❁ JSX ❁ Markdown ❁
Libraries: ❁ LocationIQ ❁ Weatherbit.io ❁ ReactJS ❁ Bootstrap ❁ Axios ❁ Google Fonts ❁
Tools: ❁ Github ❁ Visual Studio Code ❁ Trello ❁ Netlify ❁
Runtime Environment: NodeJS
Tech
Educational Resources