Build a Flashcard App in Flutter! - Full Tutorial

#flutter #apptutorial #learnflutter

In this full tutorial you will learn how to build a Flashcard Language App in FLUTTER step by step.

0:00:00 #1 – Introduction & Preview
0:01:06 #2 – App Set Up, UI Layout & GridView
0:09:52 #3 – Create App Data & Populate Grid Tiles
0:20:02 #4 – Import Images
0:23:05 #5 – App Theme
0:35:27 #6 – Fade In Animation
0:43:53 #7 – Page Navigation
0:48:56 #8 – Setting Up Provider
0:55:42 #9 – Custom AppBar & Hero Animation
1:05:01 #10 – Flashcard Slide Animation
1:18:41 #11 – Card Flip Animation
1:35:57 #12 – Detect Card Swipes
1:43:04 #13 – Swipe Through A Pack of Cards
1:59:34 #14 – Populate the Cards
2:11:27 #15 – Update Flashcard UI
2:34:33 #16 – Add Text To Speech
2:44:00 #17 – Results Pop Up Box
3:04:05 #18 – Card Stats
3:14:42 #19 – Progress Bar
3:27:23 #20 – Settings Menu
3:45:26 #21 – Reset & Exit App Buttons
3:50:33 #22 – Sync Settings With Card Display
4:03:15 #23 – Store User Preferences
4:10:13 #24 – Review Page Set Up
4:16:43 #25 – Animated List
4:34:45 #26 – Customize Word Tile UI
4:41:34 #27 – Add Language Buttons
4:52:16 #28 – SQLite Database Set Up
5:05:18 #29 – Insert into Database Button
5:09:22 #30 – Link the Database with AnimatedList
5:19:44 #31 – Disable Review Page Buttons
5:27:22 #32 – Pop-Up Boxes
5:45:05 #33 – Final Touches & Review

***Project files can be found here ??

https://github.com/Kerandon/chinese_flashcards

****

#buildapp #languageapp #flutter #dart #flutterproject