The aim of the project is to make a your own quiz application.You can add category and add questions to database using NodeJs backend application. The questions determined by category and difficulty are added. Quiz is created according to the difficulty and number of questions determined in the selected category. After marking all the questions, the results screen shows which questions are answered correctly, which questions are answered incorrectly, and the correct answers of the questions answered incorrectly. Project is based on 2 modules. These are UI made by Flutter and backend made by NodeJS.

Our application consists of three modules: Client UI, Admin panel and Backend.Client UI side was developed using Flutter. Using the rich widget content and functions of Flutter; allows us to highlight our application visually and animation. Using block pattern and delegation pattern, Flutter future design gave us an architecturally flexible and configurative structure.In the Admin Panel, using rich widget content as well as using provider design pattern and delegation gave us great control and flexibility. In addition, with the error-catching mechanism we have established, we have gained the ability to offer fast solutions by trace the problems better.The backend side was developed using NodeJs. The powerful libraries of Nodejs provided us with ease in coding. Using Express server as a server benefited in terms of speed and time. We used JWT role based authentication as security, so we gained the ability to manipulate our data according to user roles. Using MongoDB as a database provided us advantages such as keeping data in json structure and using secondary index.

Flutter UI Module Features

  • Flutter&Dart
  • Block Design Pattern
  • Animated UI
  • Asynchronous programming (Future Structure)
  • Error Handling
  • Clean Code and All Information About Project in the Readme file

NodeJs Backend Module Features

  • NodeJS
  • Express
  • MongoDB
  • JWT Role Based Authentication
  • LodashJs
  • Asynchronous Programming(Then-Catch Structure)
  • Error Management
  • Sample Collection
  • Clean Code

Flutter Admin Panel Module Features

  • Flutter&Dart
  • Responsive Design
  • Provider Design Pattern
  • Animated UI
  • Asynchronous programming (Future Structure)
  • Error Handling

– The necessary informations for UIs and backend are explained in detail in the readme files in the modules.

FLUTTER QUIZ APP -  UI with NodeJs Backend Full Package - 1

FLUTTER QUIZ APP -  UI with NodeJs Backend Full Package - 2

FLUTTER QUIZ APP -  UI with NodeJs Backend Full Package - 3
FLUTTER QUIZ APP -  UI with NodeJs Backend Full Package - 4
FLUTTER QUIZ APP -  UI with NodeJs Backend Full Package - 5
FLUTTER QUIZ APP -  UI with NodeJs Backend Full Package - 6
FLUTTER QUIZ APP -  UI with NodeJs Backend Full Package - 7

FLUTTER QUIZ APP -  UI with NodeJs Backend Full Package - 8





DEMO

https://codecanyon.net/item/flutter-quiz-app-ui-with-nodejs-backend-full-package/27557042