강의

멘토링

커뮤니티

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) 202 reviews

9,211 learners

  • taebbong
Django
Flutter
Thumbnail

Reviews from Early Learners

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,105

Learners

377

Reviews

30

Answers

4.8

Rating

2

Courses

프로필

블로그: taebbong.github.io

페이스북: facebook.com/taebbong

깃허브: github.com/TaeBbong

학력

고려대학교 정보보호학부 졸업(2020.02)

한성과학고등학교 조기 졸업(2016.02)

경력

(주) 보이저엑스 인턴, Flutter 앱/백엔드 서버 유지보수 총괄 (2019.07 ~ 2019.09)

소프트웨어 마에스트로 8기 멘티 과정 수료 (2017.08 ~ 2017.12)

유튜브 데이터 분석 스타트업 'Picasso' 공동 창업 (2017.12 ~ 2018.06)

고려대학교 정보보호학부 개발 동아리 DevKor 초대 회장 (2018.12 ~ 2020.02)

오투잡 / 위시켓 프리랜서 개발자 (2018.06 ~ )

소개

'기발자이너'를 꿈꾸는 개발자 권태뽕입니다. 중학교때부터 프로그래밍을 해왔고 이후 창업을 목표로 여러 개발과 관련된 활동을 하고 있습니다. 작년 창업을 경험해보았고 내 아이디어로 창업하는 일을 하고 싶어 그만두고 개발 공부와 강의제작에 몰두하며 지내고 있습니다.

Curriculum

All

7 lectures ∙ (59min)

Published: 
Last updated: 

Reviews

All

202 reviews

4.8

202 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!