[Project] [review] Movie App using movieDB API

[tarunyadav1]

Hey mentor,

please review my code and let me know if any changes required.

Check it live here

About Project

Movie library app using Reactjs and the MovieDB API. In this app, you can search for any movie details.

Tech stack used

• ReactJS
• Reach Router
• The Movie DB API
• Styled components

Link of live app:- https://movielib.netlify.app/

Link of Github repo:- https://github.com/tarunyadav1/Movie-Library-App-using-Reactjs-and-The-MovieDB-API

[swapnadeepmohapatra]

Hi @tarunyadav1 ,

The app UI is really cool. I really liked the layout. You can add more features that can really help the users.

• Adding a movie trailer.
• On clicking on the artist you can view more info of the artist.
• Maybe some reviews of users those have watched the film. You can scrape the data from IMDB.
• Instead of adding a load more button what you can do is if the user scrolls down then you can load more data.
• I took a look at the code and dar that you can saving the API keys in the config.js Instead of having there you can add those in the environment variables.

This is really a good effort but try to add something more on top of the API.

Regards, Swapnadeep

[Uyadav207]

Hey @tarunyadav1 , 👋 Nice UI ❤. Agreed with @swapnadeepmohapatra

• Environment variable is must when you use an API_KEY
• Adding to that If you Encrypt Passwords..using salt or etc. you should keep secret Key, that too into .env file..

How ?

• You can have a look to my blog on Encryption for more info..
  • VISIT TO : https://dev.to/uyadav207/understanding-hacking-101-15l8

Thanks, @Uyadav207