My Flutter 100 Days of Code Challenge
If you're thinking of doing the challenge, I encourage you to go for it! It's a great way to improve your coding skills and to build good coding habits.I recently completed a 100-day flutter coding challenge, and I wanted to share my experience with all of you. This challenge was something that I really wanted to do, as I was interested in learning flutter and increasing my coding skills.
January 31, 2023
If you're interested in learning more about my experience with the flutter 100 days of code challenge, read on!
The Plan
Thank you for following me on this journey, and I hope you'll join me on my quest to code for 100 days straight! I'm starting my 100 days of code challenge on September 1st, 2020. For those who don't know, the challenge is to code for at least one hour every day for 100 days. I'm not sure what I'm going to build yet, but I'm going to start with some tutorials and then move on to building something small and simple.
I'm going to document my progress here on my blog, as well as on Twitter and Instagram. I'll also be using the #100DaysOfCode hashtag.
Days
- 1. Flutter Inspiration App UI Design - Day 1
- 2. Flutter Trip Application Design - Day 2
- 3. Flutter Food Delivery Application Design - Day 3
- 4. Flutter Actors Profile Application Design - Day 4
- 5. Flutter Ripple Animation in a Map Application Design - Day 5
- 6. Flutter Page Transition Animation, Application Design - Day 6
- 7. Flutter Button Animation, Application Design - Day 7
- 8. Flutter Splash Screen design and Animation - Day 8
- 9. Flutter Party Event Application Ui Design - Day 9
- 10. Flutter GridView Example in a Shopping List Design - Day 10
- 11. Flutter Simple Travel Application Design - Day 11
- 12. Flutter Beautiful Login Page UI Design and Animation - Day 12
- 13. Flutter Beautiful Login Page UI Design and Animation - Day 13
- 14. Flutter Beautiful Login Page UI Design and Animation - Day 14
- 15. Flutter Shoes Shop Application Design and Animation - Day 15
- 16. Flutter e-commerce Application design and Animation - Day 16-17
- 17. Flutter Custom Carousel Application Design and Animation - Day 18
- 18. Flutter Facebook Redesign Application Design and Animation - Day 19
- 19. Flutter Socks Shop Application Design and Animation - Day 20
- 20. Flutter App Intro Application Design and Animation - Day 21
- 21. Flutter Photography Application Design and Animation - Day 22
- 22. Flutter Login and Signup Page design and Animation - Day 23
- 23. Flutter dark/light mode Login Page UI design - Day 24
- 24. Flutter Widget Example - Day 25
- 25. Flutter Instagram Following List Redesign - Day 26
- 26. Flutter Animation | Let's work with the AnimatedList Widget - Day 27
- 27. Flutter Searchable ListView - Day 28
- 28. Flutter Password Validation - Day 29
- 29. Flutter OTP Verification - Day 30
- 30. Flutter Job List Application UI - Day 31
- 31. Flutter Instagram Notification Page UI - Day 32
- 32. Flutter Portfolio App Concept - Day 33
- 33. Flutter e-commerce Application Example - Day 34
- 34. Flutter Home Service Application Example (part 1) - Day 35
- 35. Flutter Home Service Application Example (part 2) - Day 35
- 36. Flutter Home Service Application Example (part 3) - Day 35
- 37. Flutter Home Service Application Example (part 4) - Day 35
- 38. Flutter Home Service Application Example (part 5) - Day 35
- 39. Flutter Staggered Grid View with Auto-Scroll - Day 36
- 40. Flutter Light Switch Example - Day 37
- 41. Flutter Login Page with Animated illustrations - Day 38
- 42. Flutter no-connection Page Example - Day 39
- 43. Flutter Wallet Application Example - Day 40
- 44. Flutter Wallet Application Example (part 2) - Day 40
- 45. Flutter Wallet Application Example (part 3) - Day 40
- 46. Flutter Wallet Application Example (part 4) - Day 40
- 47. Flutter Google Map Example - Day 41
- 48. Flutter Google Map Example (part 2) - Day 41
- 49. Flutter Google Map Example (part 3) - Day 41
- 50. Flutter Google Map Example (part 4) - Day 41
- 51. Flutter | Github API Example with Dio Package - Day 42
- 52. Flutter Concentric Transition Package Example - Day 43
- 53. Flutter UI | Toast Package Example
- 54. Flutter UI | Elastic Drawer Package Example
- 55. Flutter Odometer Package Example #oneminute
- 56. Flutter UI | Select File with file_picker Package - Day 44
- 57. Flutter UI | Curved Navigation Bar Package Example
- 58. Flutter UI | Animated Search Bar Package Example
- 59. Flutter UI | Custom Navigation Bar Example
- 60. Flutter UI | Staggered GridView Package Example
- 61. Let’s work with PageView and ScaleTransition - Day 46
- 62. Flutter UI | Verification Code Package Example
- 63. Flutter UI | Liquid Swipe Package Example
- 64. Flutter UI | Register with Phone Number - Day 47
- 65. Flutter UI | Elastic Drawer Package Example #shorts
- 66. Flutter UI | Let's Make a Follow Button with AnimatedContainer
- 67. Flutter UI | Bouncing Widget Package Example
- 68. Flutter UI | Google Map Package Example
- 69. Flutter UI | Searchable ListView Example
- 70. Flutter UI | How to Read Local JSON File in Flutter
- 71. Flutter UI | Salomon Bottom Bar Package Example
- 72. Flutter UI | Vertical Card Pager Package Example
- 73. Flutter UI | Discover Page UI Design - Day 48
- 74. Flutter UI | Selectable ListView Example - Day 49
- 75. Flutter UI Design - Day 50
- 76. Flutter UI | Dancing Man - UI Example 🔥🔥
- 77. Flutter UI | Movies List #shorts
- 78. Flutter UI | Onboarding Page UI Design - Day 51 🔥🔥
- 79. Flutter UI | Onboarding Tea Page Design Example 🔥🔥
- 80. Flutter UI | Send Money Page UI Design #shorts
- 81. Flutter UI | Carousel Card Movies List - Day 52
- 82. Flutter UI | Wallet App UI Design - Day 53 🔥🙌
- 83. Flutter UI | e-Wallet App UI Design - Day 54 🔥🙌
- 84. Flutter UI | Stocks App UI Design - Day 55 🔥🙌
- 85. Flutter UI | Register with Phone Number Page - Day 47 🔥🙌
- 86. Flutter UI | Bottom Navy Bar Package Example
- 87. Flutter UI | Winter Collection List UI Design - Day 45
- 88. Flutter UI | Product Card UI Design - Day 56
- 89. Flutter UI | Searchable Dropdown Package Example
- 90. Flutter UI | Searchable Dropdown Package Example #shorts
- 91. Flutter UI | Home Service App (part 1) - Day 35
- 92. Flutter UI | Carousel Slider Package Example
- 93. Flutter UI | Insta Like Button Package Example
- 94. Flutter UI | Home Service Application UI Design (part 2) - Day 35
- 95. Flutter UI | Gradient Widget Package Example
- 96. Modal Bottom Sheet Example in Flutter
- 97. Flutter UI | Home Service App (part 3) - Day 35
- 98. Flutter UI | Furniture App UI Design Example - Day 46
- 99. Flutter UI | Product View Page with Hero Animation - Day 57
- 100. Flutter UI | Beautiful Login Page UI Design - Day 38
- 101. Modal Bottom Sheet Example in Flutter
- 102. Flutter Day 57 / 100 Days of Code #shorts
- 103. Flutter Floating Action Button 🔥 #shorts
- 104. Flutter UI | OnBoarding Page Design - Day 29
- 105. Flutter 100 Days of Code Challenge #shorts
- 106. Flutter 100 Days of Code Challenge - Day 58 #shorts
- 107. Flutter 100 Days of Code - Day 44 #shorts
- 108. Flutter 100 Days of Code #shorts
- 109. Flutter e-commerce app with GetX - Day 59 (Part 2) #shorts
- 110. Flutter Simple Chat App UI Design - Day 60 #shorts
- 111. Flutter Simple Chat App UI Design - Day 61 #shorts
- 112. Flutter Simple Chat App UI Design - Day 62 #shorts
- 113. Flutter Simple Chat App UI Design - Day 63 #shorts
- 114. Flutter Event Schedule App Example - Day 64
(More days will be added later)