I was very interested in finding out the interest over time in different titles (including both movies and shows). I found the google-trends-api on npm directory and decided to use to fulfill my interest.

What it does

Movieland: A place where you can find information about any movie or show. The user will find a search field as soon they land on the site, which they can will use to find any movie or TV show, along with a section that show popular movies and TV shows. After selecting a title the user can can find relevant content about the movie such as the ratings (IMDb, Rotten tomatoes, Metacritic), release date, plot , etc. The user will also find a line chart that shows interest overtime (data retrieved using google-trends-api).

How I built it

The app is built using Node.js. I used express for routing and request for making API calls. The APIs I used for this project include: Google trends API (For creating the interest chart), Moviedb(for getting popular shows) and imdb(for search results) . EJS is used for templating and Bootstrap/Shards for handling the frontend UI.

Challenges I ran into

Creating the chart is a little complicated (for beginners). I had to figure out a way to pass to the api data from the node server to charts.js.

Accomplishments that I'm proud of

Figuring out a creative way to integrate google trends into my application using charts.js.

What I learned

I learned to use the charts.js tool.

What's next for Movieland

I will be adding more feature such as a heat map to see where the show/movie was seen the most. Also other sections such as news related to the movie and categories.

Built With

Share this project: