Author: Liesl White
Version: 1.0.0 (increment the patch/fix version number if you make more commits past your first submission)
City Explorer is an interactive application which allows the user to access multiple APIs to explore various cities, the weather there, and famous movies that took place there. It's a helpful and also fun way to help users possible plan for vacation or explore their local cities.
- Set up your React repository with the basic skeleton structure, connecting it to both github and deployment
To start, I built the City Explorer application using HTML, CSS, and JavaScript languages.
To build the foundation for this application, I used React, an open-source front-end JavaScript library, on Visual Studio Code. This was connected to my personal github to save and track all versions.
For deployment, I used Netlify.
For API calls, I utilized the axios library to faciliate easy access to my various APIs.
For my data, I used various APIs, such as:
- LocationIQ: cities, exact lat and long, and map view
Finally, for my styling, other than CSS I also used the React Bootstrap, a component based library.
First, thank you to Sheyna, the TAs, and my fellow 301 coders for all your help!
Resources:
General:
MDN: Developer Mozilla
Stack Overflow
Styling:
React Bootstrap
Bootstrap Cheat Sheet
City Icon:
Icon-Icons
Name of feature: LocationIQ API and Axios Library
Estimate of time needed to complete: 4 hours
Start time: 1 pm
Finish time: Wednesday
Actual time needed to complete: A couple days
301d84.png)
Name of feature: Server and Weather Data
Estimate of time needed to complete: 3 hours
Start time: 3:30pm
Finsih Time: TBD
Actual time needed to complete: TBD
301d84.png)
Name of feature: Movie Api
Estimate of time needed to complete: 2 1/2 hours
Start Time: TBD
Finish Time: TBD
Actual time needed to complete: TBD
301d84.png)
Name of feature: Refactoring and Catch up
Estimate of time needed to complete: 5 hours
Start time: 2:30pm
Finish time: TBD
Actual time needed to complete: TBD
301d84.jpg)