강의

멘토링

커뮤니티

Programming

/

Mobile Application Development

Create a Quiz App/Server in 1 Hour with Flutter and Django [Full Stack]

This is a lecture on creating a full-stack quiz app with Flutter and Django! Become a full-stack developer with this full-stack lecture with a lot to learn:)

(4.8) 203 reviews

9,248 learners

Level Basic

Course period Unlimited

  • taebbong
Django
Django
Flutter
Flutter
Django
Django
Flutter
Flutter
Thumbnail

Reviews from Early Learners

Reviews from Early Learners

4.8

5.0

도솔

100% enrolled

It was a miraculous lecture where the project I was working on and the technology I was using were all the same! I knew nothing about Android, but I was able to create an app in two days by watching the video and adding errors and shortcomings by Googling. Since I had experience with Django, I was able to implement it in one day! I will use this experience as a framework to add detailed and important details. Thank you :-)

5.0

Carly Ma

100% enrolled

I was wondering how to integrate Flutter with the backend, so I looked it up and miraculously came across this lecture that just popped up. It helped me a lot in understanding. Thank you.

5.0

정한주

100% enrolled

Flutter This is a lecture that opened the door for those who are just starting out and want to do something at the beginner level. If someone who doesn't know Dart or Flutter's logic is listening, it might be difficult because it goes by too quickly and the explanations aren't detailed, but this lecture doesn't seem to have been made for beginners in the first place. It seems to be a very suitable video for those who already know Dart or Flutter's logic. It's made very simply, but you'll learn a lot about backend API integration and other useful functions for actual use.

What you will gain after the course

  • Creating a full-stack quiz app from front-end to back-end

  • How to build a responsive UI with Flutter's MediaQuery

  • How to use Flutter packages such as http, Swiper, AutoSizeText, etc.

  • How to integrate Flutter with an API server

  • Creating an API server simply with Django Rest Framework

  • Deploying a Django project to Heroku

Create a full-stack quiz app!
With Flutter and Django Rest Framework
Learn full-stack development quickly.

The fastest app development
How to get started with Flutter

Flutter is an app/web/desktop app development framework developed by Google.
Although it initially faced challenges due to the unfamiliar language called Dart, it has gained immense popularity by boasting app performance and development speed that easily surpass React Native.

Many developers who have tried Flutter believe that it can sufficiently replace native app development.

For backend beginners
The most Kind framework,
Django Rest Framework

Django Rest Framework is a Django-based REST API framework.

It's a framework based on Python and Django, making it very easy to develop backend APIs for beginners!

💡 Course Features

Full lecture subtitles! Quick code progression!

The "Just Full Stack" course minimizes explanations for each code, allowing students to follow along with the code and then study while thinking about it on their own.

The explanations in this lecture may be insufficient, so I plan to upload a separate lecture on the widgets and logic that appear in this lecture in the future. It may not be suitable for those who need to understand the basic concepts first.

I will explain in more detail and kind in the "Full Stack" lecture later!

Also, for those who are not interested in backend development, I have attached the test API address :)

✏️ What you will learn in this course

In this course, you will learn:

☑️ How to build a responsive UI with Flutter
☑️ Flutter development tips from someone with practical Flutter development experience.
☑️ How to send and receive data by connecting Flutter and API
☑️ How to create an API server with Django Rest Framework
☑️ How to deploy a Django project to Heroku

📖 Quiz app that will be completed at the end of this lecture

After the lecture, you can complete the quiz app below :)

📖 Backend API that will be completed by the end of this lecture

After the lecture, you will be able to complete the API server below :)

🛠 Required Development Environment - Flutter

Any environment that supports development with Flutter is fine!
There is no separate lecture, so please prepare in advance :)
Setting up the Flutter development environment

My development environment is as follows:
OS: Mac OS Mojave / iOS Simulator
SDK: Flutter SDK 1.12.13+hotfix.8
Editor: VS code
VS code extensions: Dart / Flutter / Rainbow Brackets

🛠 Required Development Environment - Django Rest Framework

Django development can be started right away with just Python!
Just make sure the version is not too old (at least 3.5 or higher).
Installing Python

My development environment is as follows:
Python 3.6.3

🛠 Lecture Materials Room

Backend API address: https://drf-quiz-test.herokuapp.com/quiz/3/

Flutter (front-end) code repo: https://github.com/TaeBbong/quiz_app_lecture

Django (backend) code repo: https://github.com/TaeBbong/quiz_drf_lecture

(You can also watch it on YouTube!) Free lecture YouTube link: https://www.youtube.com

🙋🏻‍♂️ Expected Questions QnA

Q. Do I have to make it exactly as shown in the lecture?
A. The instructor isn't a skilled developer, so he may have written poorly written code. Also, since he doesn't have much experience with Flutter, there may be some unnecessary code at times. 😭😭 I'll study more and show you more advanced code and lectures in the future. :)

Q. Can I only integrate Flutter and Django APIs?
A. Any API is fine! You can develop with various methods, including Django, Spring, and Node.js, and integrate them with Flutter. This course will teach you how to build with Django.

💡 If you liked the lecture..!

Since this course is free, the creator of the course can only work hard thanks to your support and encouragement!

If you enjoyed the lecture, please buy me a cup of coffee :)

Recommended for
these people

Who is this course right for?

  • People who like lectures where you can just follow along and make something

  • For those new to Flutter

  • People with basic development knowledge

  • A person who likes to try something first and then think about it

Hello
This is

18,211

Learners

382

Reviews

30

Answers

4.8

Rating

2

Courses

Profile

Blog: taebbong.github.io

Facebook: facebook.com/taebbong

GitHub: github.com/TaeBbong

Education

Graduated from Korea University, School of Cybersecurity (2020.02)

Early graduation from Hansung Science High School (2016.02)

Experience

Intern at VoyagerX Inc., Lead of Flutter app/backend server maintenance (2019.07 ~ 2019.09)

Completed Software Maestro 8th Mentee Program (2017.08 ~ 2017.12)

Co-founded 'Picasso', a YouTube data analysis startup (2017.12 ~ 2018.06)

Founding President of DevKor, a development club at Korea University's School of Cybersecurity (2018.12 ~ 2020.02)

Freelance Developer at O2Job / Wishket (2018.06 ~ )

Introduction

I am Taebbong Kwon, a developer dreaming of becoming a "Dev-signer" (Developer + Designer). I have been programming since middle school and have since engaged in various development-related activities with the goal of starting my own business. After gaining experience in a startup last year, I decided to leave to pursue my own ideas. Currently, I am focusing on studying development and creating educational lectures.

Curriculum

All

7 lectures ∙ (59min)

Published: 
Last updated: 

Reviews

All

203 reviews

4.8

203 reviews

  • kasipiri님의 프로필 이미지
    kasipiri

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    It was a miraculous lecture where the project I was working on and the technology I was using were all the same! I knew nothing about Android, but I was able to create an app in two days by watching the video and adding errors and shortcomings by Googling. Since I had experience with Django, I was able to implement it in one day! I will use this experience as a framework to add detailed and important details. Thank you :-)

    • gnkryd129250님의 프로필 이미지
      gnkryd129250

      Reviews 3

      Average Rating 4.7

      5

      100% enrolled

      I was wondering how to integrate Flutter with the backend, so I looked it up and miraculously came across this lecture that just popped up. It helped me a lot in understanding. Thank you.

      • vinus1088271님의 프로필 이미지
        vinus1088271

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        Flutter This is a lecture that opened the door for those who are just starting out and want to do something at the beginner level. If someone who doesn't know Dart or Flutter's logic is listening, it might be difficult because it goes by too quickly and the explanations aren't detailed, but this lecture doesn't seem to have been made for beginners in the first place. It seems to be a very suitable video for those who already know Dart or Flutter's logic. It's made very simply, but you'll learn a lot about backend API integration and other useful functions for actual use.

        • webwh님의 프로필 이미지
          webwh

          Reviews 15

          Average Rating 4.3

          5

          100% enrolled

          It was a great help in learning Django rest API~

          • insort0323님의 프로필 이미지
            insort0323

            Reviews 3

            Average Rating 5.0

            5

            100% enrolled

            I'm really looking forward to the next lecture.

            Free

            taebbong's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!