Getting Started with movie_search_engine
movie_search_engine this repo and go the project directory
git clone https://github.com/muhidhossain/movie_search_engine.git
Then install all the dependencies
.env file in the root directory. Copy below code and paste in it. Replace <api_key> with you own api key then save it.
REACT_APP_API_BASE_URL = https://api.themoviedb.org/3/ REACT_APP_API_KEY = <api_key>
To get an API Key:
- Create a personal account at: https://www.themoviedb.org/account/signup
- Once you have created an account, go to:
https://www.themoviedb.org/settings/api to create an API key
- Usage: Personal
- Application Name: Movie_Browser
- Application URL: None
- Application Summary: For learning purpose
Build the project
npm run build
npm install -g serve
Now you can serve the build folder
serve -s build
Best parts of the project
There are lots of popular folder architecture available. But I like this architecture most. It’s well organizied and easy to use.
I have used a mix style of camel case and snake case. It’s easy to think of a new variable name in this style. Otherwise developers waste a lots of time thinking new variable name.
Axios helped me to organize all the API calls at one place. It’s easy to manage APIs using axios.
Sass is a popular CSS extension language. I feel like Sass gives me more flexiability. It could be a biased opinion.