RE: Steemit Learning Club S23W1 - Building a Movie Browser App with Flutter – Exploring API Integration and UI Design

You are viewing a single comment's thread from:

Steemit Learning Club S23W1 - Building a Movie Browser App with Flutter – Exploring API Integration and UI Design

in techclub-s23w1 •  5 days ago 

Hi @akmalshakir, Thanks for participating in the Technology and Development Club using our tag #techclub and #techclub-s23w1.

You have chosen a good project to display with us in this learning club. Yes I remember that you have already worked in the flutter.

This project has the potential to stand out in the market and the people can use this application as their pocket movie finder application with their trailers.

The https://www.themoviedb.org website offers a database for the movies, shows and other media. It is widely used and it offers its services for free without limitations so far. Its API is easily accessible and they do not require any complex details to access their API endpoint. So you have done a great choice while using this API.

You have used all the packages correctly in order to develop this application. I would like to add information about the usage of these packages to polish your knowledge:

  • http package is used to access the API endpoints without hurdles. It helps to send the request to the endpoint and fetch the data from the API. If we do not have directly any package of the relevant API but still we want to use any API in our application then we can access the API using this package.

  • provider package allows state management in the flutter applications. Effective state management of the applications is very important for the scalability and responsiveness of the application. It helps us to change the state of the specific element on the screen. Traditionally when we use the setState() method it updates the complete screen which uses additional resources. This is the reason we use provider to use the minimum resources.

  • cached_network_image package is used to fetch and display the images on the screen. It downloads the images and store in the cache memory of the device to prevent repeated downloads of the images.

  • youtube_player_flutter package is used to access the youtube library to display the youtube videos in the application without exiting the application. We can directly fetch the relevant videos and display then on the screen. In your application you have displayed the Video Trailers by using this package and it is how we can use this package in our flutter application.


It is really impressive that you have made different screens with their different code files to keep the code of one screen a[art from the other screen.

Your logic for the fetchMovies, loadTrailer, and searchMovies is good and simple by using the API. You have correctly handled the exceptions of each service.

The UI design is very neat and clean. The use of the Card and ClipRRect widgets is quite well which is offering a beautiful user interface for the users. The display of the trailer in the pop up is amazing.

Improvements and Suggestions:

  • In the home_screen give some padding to the column which is holding the data of all the screen as a root column. It will add some space around the sides which will make the UI more attractive.

  • Add a side bar menu from where the users can easily access the categories of the movies.

  • Add a section for the Favourite Movies where the user can add their favourite movies and they can access them later on. You can use the local storage of the device to store the favourite movies using sqflite flutter package.

  • In the movie_detail_screen add the functionality to show the relevant movies or related movies with respect to the opened movies. It will enhance the user experience and will bring easiness for the users to see their interest based movies on the one screen.


You have fulfilled all the requirements including adding your code into the GitHub repository to make it accessible to the mentors and as a motivation for the others.


Overall you have done a great job in the development of your Movies Browser Application. It is a good start. Pay heed to the suggestions and continue to impove your work.


Plagiarism Free
#steemexclusive
AI Free

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!