└── README.md


/README.md:
--------------------------------------------------------------------------------
  1 | # Whatsupcoders-flutter
  2 | An Awesome list of all the Flutter video Tutorials from Whatsupcoders Channel
  3 | 
  4 | [<img src="https://user-images.githubusercontent.com/46075509/58399350-85e07f00-801d-11e9-86ae-7552cf975760.png" align="center" width="850" height="300">]( http://www.youtube.com/c/whatsupcoders )
  5 | 
  6 | 
  7 | Whatsupcoders offers you tons of free tutorials related to Flutter and helps you build real Flutter projects. Join me on my adventures!!
  8 | 
  9 | If you appreciate the content 📖, support projects visibility, give 👍| ⭐| 👏
 10 | 
 11 | 
 12 | ## Flutter NestedTabs
 13 | <a href="https://github.com/whatsupcoders/Flutter-Nested-Tabs">
 14 | <div style="text-align: center">
 15 |     <table>
 16 |         <tr>
 17 |             <td style="text-align: center">
 18 |                     <img src="https://user-images.githubusercontent.com/46075509/58398646-5597e100-801b-11e9-8a69-eba6bb68c7bc.png" width="200"/>
 19 |             </td>            
 20 |             <td style="text-align: center">              
 21 |                     <img src="https://user-images.githubusercontent.com/46075509/58398647-56307780-801b-11e9-9543-67cb2ccac96e.png" width="200"/>
 22 |             </td>
 23 |             <td style="text-align: center">
 24 |                     <img src="https://user-images.githubusercontent.com/46075509/58398649-5761a480-801b-11e9-8a2b-d020f919ea42.png" width="200" />
 25 |             </td>
 26 |             <td style="text-align: center">
 27 |                     <img src="https://github.com/whatsupcoders/Flutter-Nested-Tabs/blob/master/assets/nestedtabs.gif" width="200"/>
 28 |             </td>            
 29 |       </tr>
 30 |   </table>
 31 |   </div>
 32 | </a>
 33 |   
 34 | ## Flutter FlipCard
 35 | <a href="https://github.com/whatsupcoders/FLutterFlipCard">
 36 | <div style="text-align: center">
 37 |     <table>
 38 |         <tr>
 39 |             <td style="text-align: center">
 40 |                     <img src="https://github.com/whatsupcoders/FLutterFlipCard/blob/master/assets/Screenshot_1560464138.png" width="200"/>
 41 |             </td>            
 42 |             <td style="text-align: center">              
 43 |                      <img src="https://github.com/whatsupcoders/FLutterFlipCard/blob/master/assets/Screenshot_1560464142.png" width="200"/>
 44 |             </td>
 45 |             <td style="text-align: center">
 46 |                     <img src="https://github.com/whatsupcoders/FLutterFlipCard/blob/master/assets/flipgif.gif" width="200"/>
 47 |             </td>
 48 |         </tr>
 49 |   </table>
 50 |   </div>
 51 | </a>
 52 | 
 53 | ## Flutter Web(Flutter EuroRail Example)
 54 | <a href="https://github.com/whatsupcoders/Flutter-EuroRail"> 
 55 | <div style="text-align: center">
 56 |     <table>
 57 |         <tr>
 58 |             <td style="text-align: center">
 59 |                     <img src="https://github.com/whatsupcoders/Flutter-EuroRail/blob/master/flutter_euro_rail_web/assets/Flutter_web_gif.gif" width="1000" heigth="600"/>
 60 |             </td>  
 61 |         </tr>
 62 |     </table>
 63 | </div>
 64 | </a>
 65 | 
 66 | ## Flutter GoogleMaps
 67 | <a href="https://github.com/whatsupcoders/Flutter-GoogleMaps">
 68 | <div style="text-align: center">
 69 |     <table>
 70 |         <tr>
 71 |             <td style="text-align: center">
 72 |                     <img src="https://github.com/whatsupcoders/Flutter-GoogleMaps/blob/master/assets/Screenshot_1560716142.png" width="200"/>
 73 |             </td>            
 74 |             <td style="text-align: center">              
 75 |                      <img src="https://github.com/whatsupcoders/Flutter-GoogleMaps/blob/master/assets/Screenshot_1560716160.png" width="200"/>
 76 |             </td>
 77 |             <td style="text-align: center">
 78 |                     <img src="https://github.com/whatsupcoders/Flutter-GoogleMaps/blob/master/assets/googlemaps.gif" width="200"/>
 79 |           </td>
 80 |         </tr>
 81 |   </table>
 82 |   </div>
 83 | </a>
 84 | 
 85 | ## Flutter Charts
 86 | <a href="https://github.com/whatsupcoders/FlutterCharts">
 87 | <div style="text-align: center">
 88 |     <table>
 89 |         <tr>
 90 |             <td style="text-align: center">
 91 |                     <img src="https://github.com/whatsupcoders/FlutterCharts/blob/master/assets/Screenshot_1559877889.png" width="200"/>
 92 |             </td>            
 93 |             <td style="text-align: center">              
 94 |                      <img src="https://github.com/whatsupcoders/FlutterCharts/blob/master/assets/Screenshot_1559877891.png" width="200"/>
 95 |             </td>
 96 |       </tr>
 97 |   </table>
 98 |   </div>
 99 | </a>
100 | 
101 | ## Flutter Themes
102 | <a href="https://github.com/whatsupcoders/FlutterThemes">
103 | <div style="text-align: center">
104 |     <table>
105 |         <tr>
106 |             <td style="text-align: center">
107 |                     <img src="https://github.com/whatsupcoders/Flutter-FetchTaxiAPP/blob/master/assets/Screenshot_1559848734.png" width="200"/>
108 |             </td>            
109 |             <td style="text-align: center">              
110 |                      <img src="https://github.com/whatsupcoders/Flutter-FetchTaxiAPP/blob/master/assets/Screenshot_1559850163.png" width="200"/>
111 |             </td>
112 |             <td style="text-align: center">
113 |                     <img src="https://github.com/whatsupcoders/Flutter-FetchTaxiAPP/blob/master/assets/Screenshot_1559850180.png" width="200"/>
114 |             </td>
115 |             <td style="text-align: center">
116 |                     <img src="https://github.com/whatsupcoders/Flutter-FetchTaxiAPP/blob/master/assets/theme.gif" width="200"/>
117 |             </td>            
118 |       </tr>
119 |   </table>
120 |   </div>
121 | </a>
122 | 
123 | 
124 | 
125 | ## Flutter SliversAppBar
126 | <a href="https://github.com/whatsupcoders/Flutter-SliversApp">
127 | <div style="text-align: center">
128 |     <table>
129 |         <tr>
130 |             <td style="text-align: center">
131 |                     <img src="https://github.com/whatsupcoders/Flutter-SliversApp/blob/master/assets/Screenshot_1563737594.png" width="200"/>
132 |             </td>            
133 |             <td style="text-align: center">              
134 |                       <img src="https://github.com/whatsupcoders/Flutter-SliversApp/blob/master/assets/Screenshot_1563737602.png" width="200"/>
135 |             </td>
136 |             <td style="text-align: center">
137 |                      <img src="https://github.com/whatsupcoders/Flutter-SliversApp/blob/master/assets/sliversApp_gif.gif" width="200"/>
138 |             </td>        
139 |       </tr>
140 |   </table>
141 |   </div>
142 | </a>
143 | 
144 | ## Flutter Backdropfilter Widget
145 | <a href="https://github.com/whatsupcoders/Flutter-BackdropFilter-Widget">
146 | <div style="text-align: center">
147 |     <table>
148 |         <tr>
149 |             <td style="text-align: center">
150 |                     <img src="https://github.com/whatsupcoders/Flutter-BackdropFilter-Widget/blob/master/assets/Screenshot_1546993846.png" width="200"/>
151 |             </td>            
152 |             <td style="text-align: center">              
153 |                     <img src="https://github.com/whatsupcoders/Flutter-BackdropFilter-Widget/blob/master/assets/Screenshot_1546994073.png" width="200"/>
154 |             </td>
155 |             <td style="text-align: center">
156 |                     <img src="https://github.com/whatsupcoders/Flutter-BackdropFilter-Widget/blob/master/assets/Screenshot_1547008344.png" width="200" />
157 |             </td>
158 |         </tr>
159 |   </table>
160 |   </div>
161 | </a>
162 | 
163 | ## Flutter Gradient
164 | <a href="https://github.com/whatsupcoders/Flutter-Gradient">
165 | <div style="text-align: center">
166 |     <table>
167 |         <tr>
168 |             <td style="text-align: center">
169 |                     <img src="https://github.com/whatsupcoders/Flutter-Gradient/blob/master/assets/Screenshot_1563855812.png" width="200"/>
170 |             </td>            
171 |             <td style="text-align: center">              
172 |                     <img src="https://github.com/whatsupcoders/Flutter-Gradient/blob/master/assets/Screenshot_1563855840.png" width="200"/>
173 |             </td>        
174 |       </tr>
175 |   </table>
176 |   </div>
177 | </a>
178 | 
179 | ## Flutter PageView
180 | <a href="https://github.com/whatsupcoders/Flutter-PageView">
181 | <div style="text-align: center">
182 |     <table>
183 |         <tr>     
184 |             <td style="text-align: center">              
185 |                       <img src="https://github.com/whatsupcoders/Flutter-PageView/blob/master/assets/Screenshot_1561519501.png" width="200"/>
186 |             </td>
187 |             <td style="text-align: center">
188 |                      <img src="https://github.com/whatsupcoders/Flutter-PageView/blob/master/assets/Screenshot_1561519503.png" width="200"/>
189 |             </td>   
190 |            <td style="text-align: center">
191 |                      <img src="https://github.com/whatsupcoders/Flutter-PageView/blob/master/assets/flutter_pageview.gif" width="200"/>
192 |             </td>   
193 |       </tr>
194 |   </table>
195 |   </div>
196 | </a>
197 | 
198 | ## Flutter Tables
199 | <a href="https://github.com/whatsupcoders/Flutter-Tables">
200 | <div style="text-align: center">
201 |     <table>
202 |         <tr>
203 |             <td style="text-align: center">
204 |                     <img src="https://github.com/whatsupcoders/Flutter-Tables/blob/master/assets/Screenshot_1566245013.png" width="200"/>
205 |             </td>            
206 |             <td style="text-align: center">              
207 |                       <img src="https://github.com/whatsupcoders/Flutter-Tables/blob/master/assets/Screenshot_1566245018.png" width="200"/>
208 |             </td>
209 |             <td style="text-align: center">
210 |                      <img src="https://github.com/whatsupcoders/Flutter-Tables/blob/master/assets/Screenshot_1566245021.png" width="200"/>
211 |             </td>
212 |             <td style="text-align: center">
213 |                      <img src="https://github.com/whatsupcoders/Flutter-Tables/blob/master/assets/table.gif" width="200"/>
214 |             </td>            
215 |       </tr>
216 |   </table>
217 |   </div>
218 | </a>
219 | 
220 | ## Flutter GestureDetect and Inkwell
221 | <a href="https://github.com/whatsupcoders/Flutter-Gesturedetect-inkwell">
222 | <div style="text-align: center">
223 |     <table>
224 |         <tr>
225 |             <td style="text-align: center">
226 |                     <img src="https://github.com/whatsupcoders/Flutter-Gesturedetect-inkwell/blob/master/assets/Gesturedetect.gif" width="200"/>
227 |             </td>            
228 |             <td style="text-align: center">              
229 |                     <img src="https://github.com/whatsupcoders/Flutter-Gesturedetect-inkwell/blob/master/assets/Screenshot_1570753657.png" width="200"/>
230 |             </td>
231 |       </tr>
232 |   </table>
233 |   </div>
234 | </a>
235 | 
236 | ## Flutter Slider Widget
237 | <a href="https://github.com/whatsupcoders/Flutter-Slider-Widget">
238 | <div style="text-align: center">
239 |     <table>
240 |         <tr>
241 |             <td style="text-align: center">
242 |                     <img src="https://github.com/whatsupcoders/Flutter-Slider-Widget/blob/master/assets/slider_money_gif.gif" width="200"/>
243 |             </td>            
244 |             <td style="text-align: center">              
245 |                       <img src="https://github.com/whatsupcoders/Flutter-Slider-Widget/blob/master/assets/slider_smiley_gif.gif" width="200"/>
246 |             </td>
247 |             <td style="text-align: center">
248 |                      <img src="https://github.com/whatsupcoders/Flutter-Slider-Widget/blob/master/assets/slider_star_gif.gif" width="200"/>
249 |             </td>       
250 |       </tr>
251 |   </table>
252 |   </div>
253 | </a>
254 | 
255 | 
256 | ## Flutter GoogleSign
257 | <a href="https://github.com/whatsupcoders/GoogleSignin">
258 | <div style="text-align: center">
259 |     <table>
260 |         <tr>          
261 |              <td style="text-align: center">
262 |                     <img src="https://user-images.githubusercontent.com/46075509/58397022-c7b8f780-8014-11e9-8a23-47d2e14a43e3.png" width="200"/>
263 |             </td>            
264 |             <td style="text-align: center">              
265 |                     <img src="https://user-images.githubusercontent.com/46075509/58397023-c8ea2480-8014-11e9-8156-32ebe2e86d36.png" width="200"/>
266 |             </td>
267 |             <td style="text-align: center">
268 |                     <img src="https://user-images.githubusercontent.com/46075509/58397024-ca1b5180-8014-11e9-8ace-5546e65372a9.png" width="200" />
269 |             </td>
270 |         </tr>
271 |     </table>
272 | </div>
273 | </a>
274 | 
275 | ## Flutter FittedBox
276 | <a href="https://github.com/whatsupcoders/Flutter-FittedBox">
277 | <div style="text-align: center">
278 |     <table>
279 |         <tr>
280 |             <td style="text-align: center">
281 |                     <img src="https://github.com/whatsupcoders/Flutter-FittedBox/blob/master/assets/Screenshot_1566251870.png" width="200"/>
282 |             </td>            
283 |             <td style="text-align: center">              
284 |                     <img src="https://github.com/whatsupcoders/Flutter-FittedBox/blob/master/assets/Screenshot_1566251872.png" width="200"/>
285 |             </td>
286 |             <td style="text-align: center">
287 |                     <img src="https://github.com/whatsupcoders/Flutter-FittedBox/blob/master/assets/fittedbox.gif" width="200" />
288 |             </td>
289 |         </tr>
290 |   </table>
291 |   </div>
292 | </a>
293 | 
294 | 
295 | ## Flutter Hero Widget
296 | <a href="https://github.com/whatsupcoders/Flutter-Hero-Widget">
297 | <div style="text-align: center">
298 |     <table>
299 |         <tr>
300 |             <td style="text-align: center">
301 |                     <img src="https://github.com/whatsupcoders/Flutter-Hero-Widget/blob/master/assets/Screenshot_1561594973.png" width="200"/>
302 |             </td>            
303 |             <td style="text-align: center">              
304 |                      <img src="https://github.com/whatsupcoders/Flutter-Hero-Widget/blob/master/assets/Screenshot_1561594975.png" width="200"/>
305 |             </td>
306 |             <td style="text-align: center">
307 |                     <img src="https://github.com/whatsupcoders/Flutter-Hero-Widget/blob/master/assets/Flutter_hero_widget.gif" width="200"/>
308 |             </td>
309 |         </tr>
310 |   </table>
311 |   </div>
312 | </a>
313 | 
314 | ## Flutter Chart+Firestore
315 | <a href="https://github.com/whatsupcoders/flutter-chart-firestore">
316 | <div style="text-align: center">
317 |     <table>
318 |         <tr>
319 |             <td style="text-align: center">
320 |                     <img src="https://github.com/whatsupcoders/flutter-chart-firestore/blob/master/assets/Screenshot_1563054924.png" width="200"/>
321 |             </td>            
322 |             <td style="text-align: center">              
323 |                       <img src="https://github.com/whatsupcoders/flutter-chart-firestore/blob/master/assets/Screenshot_1563057447.png" width="200"/>
324 |             </td>
325 |             <td style="text-align: center">
326 |                      <img src="https://github.com/whatsupcoders/flutter-chart-firestore/blob/master/assets/chart_task_gif.gif" width="200"/>
327 |             </td>
328 |             <td style="text-align: center">
329 |                      <img src="https://github.com/whatsupcoders/flutter-chart-firestore/blob/master/assets/charts_sales_gif.gif" width="200"/>
330 |             </td>            
331 |       </tr>
332 |   </table>
333 |   </div>
334 | </a>
335 | 
336 | ## Flutter Drop Down 
337 | <a href="https://github.com/whatsupcoders/FlutterDropDown" >
338 | <div style="text-align: center">
339 |     <table>
340 |          <tr>
341 |             <td style="text-align: center">
342 |                     <img src="https://github.com/whatsupcoders/FlutterDropDown/blob/master/assests/dropdowngif.gif" width="200"/>
343 |             </td>            
344 |              <td style="text-align: center">
345 |                     <img src="https://github.com/whatsupcoders/FlutterDropDown/blob/master/assests/Screenshot_1559088707.png" width="200"/></td>
346 |             <td style="text-align: center">
347 |                     <img src="https://github.com/whatsupcoders/FlutterDropDown/blob/master/assests/Screenshot_1559088697.png" width="200" />
348 |             </td>
349 |         </tr>
350 |     </table>
351 | </div>
352 | </a>
353 | 
354 | ## Flutter Chip Widget
355 | <a href="https://github.com/whatsupcoders/Flutter-Chip-Widget" >
356 | <div style="text-align: center">
357 |     <table>
358 |         <tr>
359 |             <td style="text-align: center">
360 |                     <img src="https://github.com/whatsupcoders/Flutter-Chip-Widget/blob/master/assets/action_gif.gif" width="200"/>
361 |             </td>            
362 |             <td style="text-align: center">              
363 |                       <img src="https://github.com/whatsupcoders/Flutter-Chip-Widget/blob/master/assets/Screenshot_1562205033.png" width="200"/>
364 |             </td>
365 |             <td style="text-align: center">
366 |                      <img src="https://github.com/whatsupcoders/Flutter-Chip-Widget/blob/master/assets/choice_gif.gif" width="200"/>
367 |             </td>
368 |             <td style="text-align: center">
369 |                      <img src="https://github.com/whatsupcoders/Flutter-Chip-Widget/blob/master/assets/filter_gif.gif" width="200"/>
370 |             </td>            
371 |       </tr>
372 |   </table>
373 |   </div>
374 | </a>
375 | 
376 | ## Flutter Firestore Curd
377 | <a href="https://github.com/whatsupcoders/Flutter-Firestore-CRUD" >
378 | <div style="text-align: center">
379 |     <table>
380 |         <tr>     
381 |             <td style="text-align: center">              
382 |                       <img src="https://github.com/whatsupcoders/Flutter-Firestore-CRUD/blob/master/assets/Screenshot_1555008954.png" width="200"/>
383 |             </td>
384 |             <td style="text-align: center">
385 |                      <img src="https://github.com/whatsupcoders/Flutter-Firestore-CRUD/blob/master/assets/Screenshot_1555008994.png" width="200"/>
386 |             </td>     
387 |       </tr>
388 |   </table>
389 |   </div>
390 | </a>
391 | 
392 | ## Flutter FutureBuilder
393 | <a href="https://github.com/whatsupcoders/Flutter-FutureBuilder" >
394 | <div style="text-align: center">
395 |     <table>
396 |         <tr>
397 |             <td style="text-align: center">
398 |                     <img src="https://github.com/whatsupcoders/Flutter-FutureBuilder/blob/master/assets/Screenshot_1561598511.png" width="200"/>
399 |             </td>            
400 |             <td style="text-align: center">              
401 |                       <img src="https://github.com/whatsupcoders/Flutter-FutureBuilder/blob/master/assets/Screenshot_1561598520.png" width="200"/>
402 |             </td>
403 |             <td style="text-align: center">
404 |                      <img src="https://github.com/whatsupcoders/Flutter-FutureBuilder/blob/master/assets/flutter_json_gif.gif" width="200"/>
405 |             </td>
406 |       </tr>
407 |   </table>
408 |   </div>
409 | </a>
410 | 
411 | ## Flutter CustomPaint Widget
412 | <a href="https://github.com/whatsupcoders/FlutterCustompaintWidget">
413 | <div style="text-align: center">
414 |     <table>
415 |         <tr>
416 |             <td style="text-align: center">
417 |                     <img src="https://github.com/whatsupcoders/FlutterCustompaintWidget/blob/master/assets/Screenshot_1559101852.png" width="200"/>
418 |             </td>            
419 |             <td style="text-align: center">              
420 |                     <img src="https://github.com/whatsupcoders/FlutterCustompaintWidget/blob/master/assets/Screenshot_1559101868.png" width="200"/>
421 |             </td>
422 |             <td style="text-align: center">
423 |                     <img src="https://github.com/whatsupcoders/FlutterCustompaintWidget/blob/master/assets/custompaint.gif" width="200" />
424 |             </td>
425 |         </tr>
426 |   </table>
427 |   </div>
428 | </a>
429 | 
430 | ## Flutter Keys
431 | <a href="https://github.com/whatsupcoders/FlutterKeys">
432 | <div style="text-align: center">
433 |     <table>
434 |         <tr>
435 |             <td style="text-align: center">
436 |                     <img src="https://github.com/whatsupcoders/FlutterKeys/blob/master/assets/Dismissible.gif" width="200"/>
437 |             </td>             
438 |                <td style="text-align: center">
439 |                    <img src="https://github.com/whatsupcoders/FlutterKeys/blob/master/assets/Screenshot_1559080544.png" width="200"/>
440 |             </td>
441 |             <td style="text-align: center">              
442 |                     <img src="https://github.com/whatsupcoders/FlutterKeys/blob/master/assets/word.gif" width="200"/>
443 |             </td>
444 |         </tr>
445 |   </table>
446 |   </div>
447 | </a>
448 | 
449 | ## Flutter AnimatedCharts
450 | <a href="https://github.com/whatsupcoders/FlutterAnimatedCharts">
451 | <div style="text-align: center">
452 |     <table>
453 |         <tr>
454 |             <td style="text-align: center">
455 |                     <img src="https://github.com/whatsupcoders/FlutterAnimatedCharts/blob/master/assets/Screenshot_1559363591.png" width="200"/>
456 |             </td>            
457 |             <td style="text-align: center">              
458 |                       <img src="https://github.com/whatsupcoders/FlutterAnimatedCharts/blob/master/assets/Screenshot_1559363135.png" width="200"/>
459 |             </td>
460 |             <td style="text-align: center">
461 |                      <img src="https://github.com/whatsupcoders/FlutterAnimatedCharts/blob/master/assets/Screenshot_1559363122.png" width="200"/>
462 |             </td>  
463 |             <td style="text-align: center">
464 |                      <img src="https://github.com/whatsupcoders/FlutterAnimatedCharts/blob/master/assets/animatedcharts.gif" width="200"/>
465 |             </td>            
466 |       </tr>
467 |   </table>
468 |   </div>
469 | </a>
470 | 
471 | ## Flutter Inherited Widget
472 | <a href="https://github.com/whatsupcoders/FlutterInheritedWidget">
473 | <div style="text-align: center">
474 |     <table>
475 |         <tr>
476 |             <td style="text-align: center">
477 |                     <img src="https://github.com/whatsupcoders/FlutterInheritedWidget/blob/master/assets/Screenshot_1559623026.png" width="200"/>
478 |             </td>            
479 |             <td style="text-align: center">              
480 |                      <img src="https://github.com/whatsupcoders/FlutterInheritedWidget/blob/master/assets/Screenshot_1559623021.png" width="200"/>
481 |             </td>
482 |             <td style="text-align: center">
483 |                     <img src="https://github.com/whatsupcoders/FlutterInheritedWidget/blob/master/assets/Screenshot_1559623033.png" width="200"/>
484 |             </td>
485 |             <td style="text-align: center">
486 |                     <img src="https://github.com/whatsupcoders/FlutterInheritedWidget/blob/master/assets/inherited.gif" width="200"/>
487 |             </td>            
488 |       </tr>
489 |   </table>
490 |   </div>
491 | </a>
492 | 
493 | ## Flutter Wrap Widget
494 | <a href="https://github.com/whatsupcoders/Flutter-Wrap">
495 | <div style="text-align: center">
496 |     <table>
497 |         <tr>
498 |             <td style="text-align: center">
499 |                     <img src="https://github.com/whatsupcoders/Flutter-Wrap/blob/master/assets/Flutter%20Wrap.png" width="600"/>
500 |             </td>                    
501 |       </tr>
502 | 
503 |   </table>
504 |   </div>
505 | </a>
506 | 
507 | ## Flutter ImageUpload
508 | <a href="https://github.com/whatsupcoders/Flutter-ImageUpload">
509 | <div style="text-align: center">
510 |     <table>
511 |         <tr>
512 |             <td style="text-align: center">
513 |                     <img src="https://github.com/whatsupcoders/Flutter-ImageUpload/blob/master/assets/Screenshot_1560141615.png" width="200"/>
514 |             </td>            
515 |             <td style="text-align: center">              
516 |                      <img src="https://github.com/whatsupcoders/Flutter-ImageUpload/blob/master/assets/Screenshot_1560142436.png" width="200"/>
517 |             </td>
518 |             <td style="text-align: center">
519 |                     <img src="https://github.com/whatsupcoders/Flutter-ImageUpload/blob/master/assets/imageupload.gif" width="200"/>
520 |             </td>           
521 |       </tr>
522 |   </table>
523 |   </div>
524 | </a>
525 | 
526 | ## Flutter Staggered Grid View
527 | <a href="https://github.com/whatsupcoders/Flutter-Staggered-GridView">
528 | <div style="text-align: center">
529 |     <table>
530 |         <tr>     
531 |             <td style="text-align: center">              
532 |                       <img src="https://github.com/whatsupcoders/Flutter-Staggered-GridView/blob/master/assets/Screenshot_1561153266.png" width="200"/>
533 |             </td>
534 |             <td style="text-align: center">
535 |                      <img src="https://github.com/whatsupcoders/Flutter-Staggered-GridView/blob/master/assets/Screenshot_1561153288.png" width="200"/>
536 |             </td>     
537 |       </tr>
538 |   </table>
539 |   </div>
540 | </a>
541 | 
542 | ## flutter_bezier_app
543 | <a href="https://github.com/whatsupcoders/Flutter-Bezier-App">
544 | <div style="text-align: center">
545 |     <table>
546 |         <tr>
547 |             <td style="text-align: center">
548 |                     <img src="https://github.com/whatsupcoders/Flutter-Bezier-App/blob/master/assets/Flutter%20Bezier.png" width="600"/>
549 |             </td>                    
550 |       </tr>
551 |   </table>
552 |   </div>
553 | </a>  
554 | 
555 | ## Contributors
556 | Whatsupcoder <br>
557 | 
558 | <!-- Please don't remove this: Grab your social icons from https://github.com/carlsednaoui/gitsocial -->
559 | 
560 | FOLLOW ME HERE: </br>
561 | [![watch](https://user-images.githubusercontent.com/46075509/58401106-947d6500-8022-11e9-8de9-c78e9f9eb6de.png)](https://www.youtube.com/c/whatsupcoders)&nbsp;<a href="https://www.youtube.com/c/whatsupcoders"> Whatsupcoders</a> </br>
562 | ![facebook](https://user-images.githubusercontent.com/46075509/58401539-c3e0a180-8023-11e9-8cdb-cf5c64bef99e.png)
563 | <a href="https://www.facebook.com/whatsupcoders">&nbsp; Whatsupcoders</a></br>
564 | [![Twitter Follow](https://img.shields.io/twitter/follow/whatsupcoders.svg?style=social&label=Follow)](https://www.twitter.com/whatsupcoders)  </br>
565 | 
566 | ## Getting Started
567 | 
568 | For help getting started with Flutter, view our online
569 | [documentation](https://flutter.dev/).
570 | 


--------------------------------------------------------------------------------