Hacker News

Hacker News is a very basic application with the following functionality

Shows top 25 stories
User can search stories
View the story in a webview along with the related comments and replies

Screenshots

Structure

All the blocs, screens, widgets shared by the application are placed in common folder
Inside modules folder for each module, Search and Top Stories, there are blocs, repositories, screens, models, adapters, widgets etc.
TextStyle, Color etc are stored in styles folder.

Basic API call flow

First we try to collect the story ids in a List
Then we fetch the details of the stories and wait for them to retrieve all the data
Since this is resource-heavy work, we put this in a separate isolate so that this work doesn't block our UI thread.
After fetching all the needed data, we change the data according to our need and feed it to the UI.

Running the code

run flutter pub get to get the needed package
run flutter run to run the application

P.S: Diagrams and screenshots can be found inside root/diagrams and root/screenshots folders repsectively.