This is a simple movie search web app using Microsoft build/release pipelines
The pipelines are used to deploy the ReactJS app to THIS webpage, powered by Microsoft azure
This web app allows the user to search any movie they want and show the titles, ratings and plots of the movies.
Once the user clicks into the movie cards, it will open a new tab which shows the results on The Movie DataBase.
The original idea is to make a pop-up dialog for movie details but it is aborted due to the time constraint.
There is an known issue that the website does not load any images. It might be the API error, try to reload the page a few minutes later.
The first update. Built the basic search box and content cards. Next step would be add category, improve the content card to show rating or maybe make it redict to a new page. Also add page number button at the bottom would be good.
FINALLY made the API key invisable in the deployed website.
It turned out the .env variable will not be passed through with the deployed website. Wrote a script to pass the key into the .env
Added some features working on final design.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent