Movie Locations Assignment
Introduction
I have selected problem 1:
Many travellers are often interested in visiting famous spots where movies were shot. Build a web app that helps them find out shooting locations of their favorite movies.
You can check out the web app here!
Requirements
Populating Data
I used the data source provided.
I downloaded the data as csv, before using Pandas to transform the data for import into firestore.
The whole process was done using Python.
Searching for Movie Locations
-
Enter movie name into search bar. The search bar has autocomplete to display available options.
-
Click on the movie name
-
A list of locations will be displayed underneath the search bar. Click on the view button to display the location in google map!
-
You can click on the red marker in the map to display more information
Built With
Installation
1) Clone Repository
I would recommend using github desktop to do so!
Using command line:
git clone https://github.com/leeweiminsg/movie-locations-submission.git
2) Install NPM packages
cd movielocations
npm install
Setup
I have provided the API keys in the .env file for convenience.
For manual setup, you can follow the steps below:
1) Firebase
2) Google Maps API
Set the api keys in the .env file (located at movielocations directory). Remember to include in gitignore!
Development
From movielocations directory:
npm run start
You can access the app at http://localhost:3000/.
Deployment
Google Cloud App Engine
-
Create GCP account and set up project
-
Install Cloud SDK
-
From movielocations directory:
gcloud app deploy
Migrating Data
From migration directory:
Then run:
python migrate.py