Skip to main content ppwriters


Day 22

JSON Parsing

JSON is one of the most common data formats used for exchanging data between a server and a client. It is a lightweight format that is easy for humans to read and write, and it is also easy for machines to parse and generate. Its very important as a Flutter developer to know how to parse JSON data in Flutter. Knowing this will help you to build more complex apps that fetch data from an API and display it in your app.

Project - Quotes Object

Update the quotes app from previous day so that the JSON received from server is parsed into a Dart Quotes and Quote object

  • Quote object will have following properties: String id, String quote, and String author.
  • Quotes object will following properties: List<Quote> quotes and int total, int skip, and int limit

By the end of this day, you should have a better understanding of how to parse JSON data in Flutter and how to display it using widgets such as the ListView widget.


  • Review the basics of Dart programming from Day 1-9.
  • It’s always best practice to parse JSON into a Dart object. This will make it easier to work with the data in your app.
  • You should practice with wide range of JSON data to get a better understanding of how to parse JSON data in Flutter.
  • You can use tools like JSON to Dart to automatically generate Dart classes from JSON data.
  • Dart Data Class Generator is a VS Code extension that you can use to generate Dart classes from JSON data.


Enjoying? Tell your friends.


Learn the basics of Flutter and Dart in 30 days! We provide a roadmap, resources, and project ideas to help you along your journey.

back to 30 Days to Master Flutter

Join our community on Discord to connect with fellow learners, share your progress, and get help with any questions you may have throughout the #30DaysMasterFlutter challenge. Join now and get started on your journey to mastering Dart and Flutter!

join now