Implementing API in ReactJS
Shrestha, Ujjawal (2020)
2020
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2020091020331
https://urn.fi/URN:NBN:fi:amk-2020091020331
Tiivistelmä
The aim of this thesis was to implement the movie database API (Application Programming Interface) in ReactJS and develop a website from the retrieved data. The website needed to provide information about movies, television shows and celebrities which were already stored in the TMDb (The Movie Database) API. The website had to be user-friendly, responsive, interactive and informative.
During the thesis, Axios was used to retrieve data of movies, television shows and celebrities from the movie database API and ReactJS of version 16.13.1 or above along with Redux was used to display that data to the user in the frontend. Material-UI and Ant design along with Bootstrap and SCSS (Sassy Cascading Style Sheets) were used to design the website. Node.js, Express and mLab were used in the backend to develop an API. Google Chrome and Opera were the primary testing browsers. GitHub was used to store the code and Netlify was used for hosting the website.
As a result, the website is responsive, attractive, interactive, informative, and user-friendly. The website can be used by anyone who seeks for the information about movies, television shows or celebrities.
During the thesis, Axios was used to retrieve data of movies, television shows and celebrities from the movie database API and ReactJS of version 16.13.1 or above along with Redux was used to display that data to the user in the frontend. Material-UI and Ant design along with Bootstrap and SCSS (Sassy Cascading Style Sheets) were used to design the website. Node.js, Express and mLab were used in the backend to develop an API. Google Chrome and Opera were the primary testing browsers. GitHub was used to store the code and Netlify was used for hosting the website.
As a result, the website is responsive, attractive, interactive, informative, and user-friendly. The website can be used by anyone who seeks for the information about movies, television shows or celebrities.