Developing a Front-end web app using React
Khati Chhetri, Abhishek (2024)
2024
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-2024052114132
https://urn.fi/URN:NBN:fi:amk-2024052114132
Tiivistelmä
The thesis titled "Developing a Front-end web app using React" aims to develop a comprehensive web application tailored to movie enthusiasts. By integrating React for interactive UI, API for data communication, and the application targets enhancing user experience and privacy.
The research explores user-centric design principles to create a platform where users can explore and engage with a wide range of media content. The project follows a practical approach, focusing on continuous development, ensure usability and effectiveness.
The objectives include developing a functional web application and deploying the product while considering sustainability and scalability. The key to successful completion of the project is the selection of the appropriate tools and frameworks. Visual Studio Code was one of the best selections for the project. Data fetching from The Movie Database(TMDb) API was the main task for the web app development, so several fetch functions were defined in the project. The crafted fetch functions retrieved movie data, genres, trending movies, upcoming movies and cast information. Firebase authentication has been used for the google authentication allowing marking features.
Keeping the user interface as the main focal point, navbar, search bar and the homepage were developed ensuring seamless browsing experience. The main goal was meet as a generic web application for a movie was developed where different media contents were presented along the favourites marking options for the signed in user. The application is deployed using Netlify.
During the project initiation, many new frameworks were new and learned by the author. The experience and skills gained during the project were one of the positive aspect of the project to the author.
The research explores user-centric design principles to create a platform where users can explore and engage with a wide range of media content. The project follows a practical approach, focusing on continuous development, ensure usability and effectiveness.
The objectives include developing a functional web application and deploying the product while considering sustainability and scalability. The key to successful completion of the project is the selection of the appropriate tools and frameworks. Visual Studio Code was one of the best selections for the project. Data fetching from The Movie Database(TMDb) API was the main task for the web app development, so several fetch functions were defined in the project. The crafted fetch functions retrieved movie data, genres, trending movies, upcoming movies and cast information. Firebase authentication has been used for the google authentication allowing marking features.
Keeping the user interface as the main focal point, navbar, search bar and the homepage were developed ensuring seamless browsing experience. The main goal was meet as a generic web application for a movie was developed where different media contents were presented along the favourites marking options for the signed in user. The application is deployed using Netlify.
During the project initiation, many new frameworks were new and learned by the author. The experience and skills gained during the project were one of the positive aspect of the project to the author.