KnowYourMovie

Search with a keyword and explore details about your favourite movies

Comment

Inspiration

When I as first introduced to the term 'API', it seemed very interesting and I wanted to practise by implementing an existing external API, I came across omdbapi and a tutorial on how to impliment it. I followed the steps, build the project and then I also wanted to establish a presence on Github, so I just made a repo and shared all the code that I wrote. So basically the inspiration was just a desire to learn and explore.

What it does

The user can input a keyword as a string and then press the search button. Then the corresponding data of movies that have that keyword in their movie-name is fetched and presented to the user in form of cards.

How we built it

  • Initialized new project with ReactJS
  • Created the UI
  • Got my API key from omdb
  • Created the logic by implementing FetchAPi
  • Uploaded the Project on GitHub
  • Deployment using Netlify

Challenges we ran into

  • I had to understand the concept of FetchAPi which took time
  • GitHub pages did not work because of the use of external APi so I had to deploy on Netlify
  • Initially had problems with the APi key but later got that sorted

Accomplishments that we're proud of

  • Maintain a github repo ( most beginners don't maintain a repo for their projects )
  • Implemented whatever had to be implemented despite challenges
  • It works

What we learned

  • Proper implementation of FetchAPi
  • Deployment on Netlify
  • Creating and commiting to Github repo through CLI
  • Learned the fact that there are awesome external API's waiting to be discovered
  • That I need to improve a lot when it comes to actually building apps for the web
  • That it is tough to make something useful
  • Slight changes in the UI can sometimes have larger than expected effect on user experience

What's next for KnowYourMovie

  • A card shall expand when clicked, into a page with detailed description of each movie.
  • User feedback on improving data accuracy about movies
  • Implementing API's that include movies in regional languages as well.

Built With

Share this project:

Updates