[Bloc Application] Creating a Practical App (Book Review App): SNS Login, Firebase Application, Bloc State Management, GoRouter

No more copy-paste cloning! State management with Flutter Bloc.
Create a book review app using the Naver Book API!

What about this lecture?

• We have created a program that allows you to learn and develop together by including various functions that can be used in practice .
• Rather than simply entering code and following along , we covered questions that may arise while creating an app by explaining the structure and flow.
• This is organized so that you can learn how to apply for and use Naver Open API and practical functions such as database authentication system and file upload using Firebase .

1. Project Settings

• Create a project and link it to Github
• Initial Flutter Project Dependencies
• Basic project frame settings
  • Folder structure description
  • App execution flow description
  • Set default route

2. External linkage

• Apply for Naver Open API book API and use API using Post Man
• Firebase Project Integration and Configuration
• Naver Open API and Firebase Data Flow Description
• Setting up Naver Open API through Dio

3. Splash page / app introduction page

• Let's create a simple page that always appears when the app is launched and a page that introduces the app when it is first launched.

4. SNS login and membership registration

• Let's set up Firebase SNS login for Google and Apple.
• Learn how to automate routing based on login and sign-up status using GoRouter.
• You can sign up with simple information, but you will also learn how to enter a profile image and upload a file.

5. Search

• It receives data through Naver Book API and creates a screen.
• Let's take a look at Naver Open API's Pagination and learn how to handle paging.

6. Book details page and review writing page

• Let's create a detailed page based on the Naver Book API.
• Let's configure the screen for when there is review information and when there is not, and then apply the review writing function.

7. Review details page

• Let's create a page where you can check member reviews.
• Let's apply the like function to get other people's sympathy.

8. Member Page

• Let's make it so that you can see which works have been reviewed on the members page.
• We are implementing a follow/following function through the favorites function so that you can continue to check the information of members whose review information you like.

9. Home screen

• Organize and create your home screen with the latest reviewer information / top 10 popular reviewers.
• Let's create a widget that lists horizontally using PageView.

Bonus Episode - Part 1

• As a bonus, we will create a page where you can check out news from your favorite reviewers.
• The home screen only allowed you to see the top 10 most recent reviews, but now you can view more reviews in order of their latest through the More menu.

Bonus Episode - Part 2

• When accessing My Page from the Reviewer Page, you can now change your nickname, one-line introduction, and profile image through the Settings menu instead of the Favorites menu.
• Improved access to other accounts via the logout button.

Q. Is the latest version of Flutter compatible?

At the time of preparation, the course was being developed using the latest Flutter version, 3.10.0. As long as there are no major version changes, compatibility issues should be minimal.

Q. Can even a Flutter beginner understand it?

While it covers the basics of project creation, folder organization, and screen composition, it also delves into state management and API utilization, which are core elements of app development, so it may feel somewhat daunting. However, even beginners who have completed the videos in [Bloc Master Course: From Basics to Applications] will be able to improve their skills through this course. However, beginners will likely not master the content by watching the videos alone, so we recommend repeating the lessons.

Q. Is there a reason why you chose Bloc for state management?

State management is essential in app development. Many libraries exist to help manage state, and you can develop an app using any of them. However, the reason I created this course using Bloc is because the domestic and international communities have overwhelmingly chosen Bloc as the most suitable state management tool for large-scale projects. I've worked on projects with both Bloc and Getx, and I've found Bloc to have many advantages in terms of maintenance. Therefore, I chose Bloc for this course, and the free course [Bloc Master Course: From Basics to Applications] is also based on Bloc. I also chose Bloc to help students learn by allowing them to apply Bloc in real-world situations.

Q. Can I learn from this course even if I don't know much about Bloc?

This course is a project aimed at familiarizing yourself with Bloc. Therefore, I will omit any explanation of Bloc. I strongly recommend learning Bloc and watching the course, and I also recommend learning from my free course, [Bloc Master Course: From Basics to Applications].

Q. What is a side story?

While the "Bonus" feature wasn't originally planned, we've decided to add it as we believe it will be helpful for students to study the features included in the "Bonus" section while preparing the course. In other words, the "Bonus" section will be a video of the class that will be updated in the future. By taking this course, you'll also have access to the updated version of the course at no additional cost.

Q. Are the sources used provided?

Design resources and complete, full-source code are also provided to help you build your app. While analyzing the full source code alone can be helpful, building it from the ground up will likely provide a more comprehensive understanding.