강의

멘토링

로드맵

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

9,171 learners

  • taebbong
Django
Flutter
Thumbnail

Reviews from Early Learners

What you will learn!

  • 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,016

Learners

373

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

200 reviews

4.8

200 reviews

  • 도솔님의 프로필 이미지
    도솔

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    마침 진행하는 프로젝트와 사용하는 기술이 모두 일치하는 기적같은 강의였습니다! 안드로이드에 대해선 아무것도 몰랐지만, 영상을 참고하고 에러와 부족한 점은 구글링으로 보태면서 2일간에 앱을 짤 수 있었고, 장고는 해본적이 있어서 하루만에 구현할 수 있었습니다! 이런 경험을 뼈대로 해서 세세하고 중요한 살을 보태야 겠습니다. 감사합니다 :-)

    • Carly Ma님의 프로필 이미지
      Carly Ma

      Reviews 3

      Average Rating 4.7

      5

      100% enrolled

      플러터를 어떻게 백엔드와 연동해야할지 고민이 많아서 찾아보던중 기적처럼 막 뜬 강의를 보게 되었습니다. 이해하는데 많은 도움이 되었습니다. 감사합니다 ㅎㅎ

      • 정한주님의 프로필 이미지
        정한주

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        플러터 이제 막 기초를 띄고, 초보자 단계에서 뭔가를 하고 싶다는 의지가 생겼을 때 물꼬를 터준 강의였습니다. Dart언어에 대해도 모르고 플러터의 로직도 모르는 사람이 듣는다면, 너무 빠르게 지나가고 설명이 자세하지 않아 힘들거 같긴 하지만 이 강의는 애초에 입문자를 위한 강의로 만든거 같진 않았습니다. 이미 Dart 언어나 플러터 로직에 대해 알고 계신 분들에게 아주 적합한 영상인거 같습니다. 매우 간단하게 만들긴 했지만 백엔드 API 연동이나 여러가지 실제 사용시 유용한 기능들을 잘 배우고 갑니다.

        • WebWH님의 프로필 이미지
          WebWH

          Reviews 14

          Average Rating 4.5

          5

          100% enrolled

          장고 rest api 배우는데 큰 도움이 되었습니다~

          • RyanJ.k님의 프로필 이미지
            RyanJ.k

            Reviews 3

            Average Rating 5.0

            5

            100% enrolled

            다음강의도 정말 기대됩니다.

            Free

            taebbong's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!