1<html> 2 3<head> 4 <title>The Flutter Experience</title> 5 <link rel="stylesheet" type="text/css" href="../spreadsheets/flutterstyle.css"> 6
6<script src="https://code.iconify.design/2/2.2.1/iconify.min.js"></script>
6 7 <link rel="preconnect" href="https://fonts.googleapis.com"> 8 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 9 <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=swap" rel="stylesheet"> 10</head> 11 12<body> 13 <div id="Experience-title"> 14 <div id="title-mobile">The<br>Flutter<br>Experience</div> 15 <div id="title-desktop">The Flutter Experience</div> 16 </div> 17 18 <div class="project-group"> 19 <div class="project-first-section"> 20 <div class="project-banner" id="banner-flutter-1"></div> 21 <div class="project-group-description"> 22 <div id="title">The Weather Project</div> 23 <div id="subtitle">Weather application created using OpenWeatherMap API.</div> 24 <div id="subtitle-small">API Key: 1c122a4cdd8588b5eee0664c5fc4ea77</div> 25 </div> 26 </div> 27 <div class="project-second-section"> 28 <div class="link-column"> 29 <a href="https://www.figma.com/community/file/1108650027195951917" target="_blank"><div class="link-column-icon"><span style="display: block; width: 100%; height: 100%;" class="iconify" 30 data-icon="bxl:figma"></span></div></a> 31 <div class="link-column-title">Figma<br>Sample</div> 32 </div> 33 <div class="link-column"> 34 <a href="https://drive.google.com/file/d/1IgJ6SuWGDj4ljPcu4CR66RqM3W56-ncq/view?usp=sharing" target="_blank" download="The Weather Project - Figma Sample"> 35 <div class="link-column-icon"><span style="display: block; width: 100%; height: 100%;" class="iconify" 36 data-icon="akar-icons:download"></span></div> 37 </a> 38 <div class="link-column-title">Download<br>APK</div> 39 </div> 40 <div class="link-column"> 41 <a href="https://github.com/Shabaquib/Weather-Application" target="_blank"><div class="link-column-icon"><span style="display: block; width: 100%; height: 100%;" class="iconify" 42 data-icon="bxl:flutter"></span></div></a> 43 <div class="link-column-title">Flutter<br>Code</div> 44 </div> 45 </div> 46 </div> 47 48 <div class="project-group"> 49 <div class="project-first-section"> 50 <div class="project-banner" id="banner-flutter-2"></div> 51 <div class="project-group-description"> 52 <div id="title">The Design Manual</div> 53 <div id="subtitle">A Detailed resource application created using JSON and Hive Storage.</div> 54 </div> 55 </div> 56 <div class="project-second-section"> 57 <div class="link-column"> 58 <a href="https://www.figma.com/community/file/1108651010008238894" target="_blank"><div class="link-column-icon"><span style="display: block; width: 100%; height: 100%;" class="iconify" 59 data-icon="bxl:figma"></span></div></a> 60 <div class="link-column-title">Figma<br>Sample</div> 61 </div> 62 <div class="link-column"> 63 <a href="https://drive.google.com/file/d/15TL9-6ZcQni_XVzJW0xyYts-HmvyHhwn/view?usp=sharing" target="_blank"> 64 <div class="link-column-icon"><span style="display: block; width: 100%; height: 100%;" class="iconify" 65 data-icon="akar-icons:download"></span></div> 66 </a> 67 <div class="link-column-title">Download<br>APK</div> 68 </div> 69 <div class="link-column"> 70 <a href="https://github.com/Shabaquib/The_Design_Manual" target="_blank"><div class="link-column-icon"><span style="display: block; width: 100%; height: 100%;" class="iconify" 71 data-icon="bxl:flutter"></span></div></a> 72 <div class="link-column-title">Flutter<br>Code</div> 73 </div> 74 </div> 75 </div> 76 77 <div class="project-group"> 78 <div class="project-first-section"> 79 <div class="project-banner" id="banner-flutter-3"></div> 80 <div class="project-group-description"> 81 <div id="title">Fire Logs</div> 82 <div id="subtitle">
82Notes taking app created using Firebase Authetication, and Firebase Firestore.</div> 83 </div> 84 </div> 85 <div class="project-second-section"> 86 <div class="link-column" style="opacity: 0.3;"> 87 <a href="#" target="_blank"><div class="link-column-icon"><span style="display: block; width: 100%; height: 100%;" class="iconify" 88 data-icon="bxl:figma"></span></div></a> 89 <div class="link-column-title">Figma<br>Sample</div> 90 </div> 91 <div class="link-column"> 92 <a href="https://drive.google.com/file/d/16VB9usI4hsaUApL96q1qcvR_zEGhNXgO/view?usp=sharing" target="_blank"> 93 <div class="link-column-icon"><span style="display: block; width: 100%; height: 100%;" class="iconify" 94 data-icon="akar-icons:download"></span></div> 95 </a> 96 <div class="link-column-title">Download<br>APK</div> 97 </div> 98 <div class="link-column"> 99 <a href="https://github.com/Shabaquib/Fire-Logs" target="_blank"><div class="link-column-icon"><span style="display: block; width: 100%; height: 100%;" class="iconify" 100 data-icon="bxl:flutter"></span></div></a> 101 <div class="link-column-title">Flutter<br>Code</div> 102 </div> 103 </div> 104 </div> 105 106 <div class="project-group"> 107 <div class="project-first-section"> 108 <div class="project-banner" id="banner-flutter-4"></div> 109 <div class="project-group-description"> 110 <div id="title">Hive Logs</div> 111 <div id="subtitle">Notes/Tasks app created using local Hive database.</div> 112 </div> 113 </div> 114 <div class="project-second-section"> 115 <div class="link-column" style="opacity: 0.3;"> 116 <a href="#" target="_blank"><div class="link-column-icon"><span style="display: block; width: 100%; height: 100%;" class="iconify" 117 data-icon="bxl:figma"></span></div></a> 118 <div class="link-column-title">Figma<br>Sample</div> 119 </div> 120 <div class="link-column"> 121 <a href="https://drive.google.com/file/d/1VC-QZV0HV3ALIh_xxrfRf_0ORDu8XHhM/view?usp=sharing" target="_blank"> 122 <div class="link-column-icon"><span style="display: block; width: 100%; height: 100%;" class="iconify" 123 data-icon="akar-icons:download"></span></div> 124 </a> 125 <div class="link-column-title">Download<br>APK</div> 126 </div> 127 <div class="link-column"> 128 <a href="https://github.com/Shabaquib/Hive-Logs" target="_blank"><div class="link-column-icon"><span style="display: block; width: 100%; height: 100%;" class="iconify" 129 data-icon="bxl:flutter"></span></div></a> 130 <div class="link-column-title">Flutter<br>Code</div> 131 </div> 132 </div> 133 </div> 134 135 <!-- The manual source --> 136 <div class="project-group"> 137 <div class="project-first-section"> 138 <div class="project-banner" id="banner-flutter-5"></div> 139 <div class="project-group-description"> 140 <div id="title">Manual</div> 141 <div id="subtitle">Coming Soon.</div> 142 <!-- <div id="subtitle">Summing up all my collection of free and premium assets for any work.</div> --> 143 </div> 144 </div> 145 <div class="project-second-section"> 146 <div class="link-column" style="opacity: 0.3;"> 147 <a href="#" target="_blank"><div class="link-column-icon"><span style="display: block; width: 100%; height: 100%;" class="iconify" 148 data-icon="bxl:figma"></span></div></a> 149 <div class="link-column-title">Figma<br>Sample</div> 150 </div> 151 <div class="link-column" style="opacity: 0.3;"> 152 <a href="#" target="_blank"> 153 <div class="link-column-icon"><span style="display: block; width: 100%; height: 100%;" class="iconify" 154 data-icon="akar-icons:download"></span></div> 155 </a> 156 <div class="link-column-title">Download<br>APK</div> 157 </div> 158 <div class="link-column" style="opacity: 0.3;"> 159 <a href="#" target="_blank"><div class="link-column-icon"><span style="display: block; width: 100%; height: 100%;" class="iconify" 160 data-icon="bxl:flutter"></span></div></a> 161 <div class="link-column-title">Flutter<br>Code</div> 162 </div> 163 </div> 164 </div> 165 166 167</body> 168 169</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.