{"id":19429717,"url":"https://github.com/codersuresh/flutter-basics","last_synced_at":"2026-04-16T01:32:33.656Z","repository":{"id":129157372,"uuid":"472003882","full_name":"coderSuresh/flutter-basics","owner":"coderSuresh","description":"Flutter basics, as its name suggests, is a GitHub repo to host basic flutter projects developed as a learning part.","archived":false,"fork":false,"pushed_at":"2022-04-04T15:40:29.000Z","size":5573,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-07T20:12:14.138Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/coderSuresh.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-03-20T14:26:02.000Z","updated_at":"2022-03-20T14:51:13.000Z","dependencies_parsed_at":"2023-03-13T11:25:47.544Z","dependency_job_id":null,"html_url":"https://github.com/coderSuresh/flutter-basics","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderSuresh%2Fflutter-basics","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderSuresh%2Fflutter-basics/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderSuresh%2Fflutter-basics/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderSuresh%2Fflutter-basics/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/coderSuresh","download_url":"https://codeload.github.com/coderSuresh/flutter-basics/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240612540,"owners_count":19829027,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-10T14:20:47.530Z","updated_at":"2026-04-16T01:32:28.631Z","avatar_url":"https://github.com/coderSuresh.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Flutter Basics\nIn this repository, you can see all basic apps created as a part of learning. Here is a list:\n\n## [# Image Gallery](#image-gallery)\n\n### Features\n- display images using [pexels](https://pexels.com) API\n- search images\n- one click to set image as wallpaper\n\n### [View Screenshot](#image-gallery-ss)\n\n## [# Random Quote Generator](#random-quote-generator)\n\n### Features\n- displays random quote using advice slip api every time a button is pressed\n\n### [View Screenshot](#random-quote-generator-ss)\n\n## [# Calculator](#calculator)\n\n### Features\n- Can perform basic arithmatic operations\n\n### [View Screenshot](#calculator-ss)\n\n## [# Best Widgets](#best-widgets)\n\n### Features\n- login form with empty check validation\n- implemented bottom navigation, drawer, and pop up menu\n\n### [View Screenshot](#best-widgets-ss)\n\n\n## [# BMI Calculator](#bmi-calculator)\n\n### Features\n- can calculate Body Mass Index (BMI) based on the user's input\n\n### [View Screenshot](#bmi-calculator-ss)\n\n\n## [# Destini - Story App](#destini)\n\n### Features\n- display different text (story) based on user's choice\n\n### [View Screenshot](#destini-ss)\n\n## [# Quiz App](#quiz-app)\n\n### Features\n- display question along with two possible answers 'true' and 'false'\n- shows score in the form of tick or cross icon\n- Once the quiz is finished, alert dialog is shown and quiz is restarted.\n\n### [View Screenshot](#quiz-app-ss)\n\n## [# Xylophone](#xylophone)\n\n### Features\n- play seven different notes of xylophone when respective button is pressed\n\n### [View Screenshot](#xylophone-ss)\n\n## [# Dice Roller](#dice-roller)\n\n### Features\n- display two dice\n- change number of both when any of the dice is pressed\n\n### [View Screenshot](#dice-roller-ss)\n\n## [# Don Doggo](#don-doggo)\n\n### Features\n- display circular avatar\n- display list with text preceeded by icons\n\n### [View Screenshot](#don-doggo-ss)\n\n## [# The Doctor](#the-doctor)\n\n### Features\n- Display image from local folder\n\n### [View Screenshot](#the-doctor-ss)\n\n## [# Random Cat](#random-cat)\n\n### Features\n- Display random image from [Unsplash](https://unsplash.com)\n- Display new image when app is re-opened\n\n### [View Screenshot](#random-cat-ss)\n\n## Image Gallery\nDisplays images using Pexels API. A user can search images and set it as wallpaper on android. Made for learning purpose only.\n\n### What I learned?\nBy doing this project, I learned to\n\n- fetch data from api and add authorization header\n- use SingleChildScrollView to enable scrolling\n- use TextEditingController\n- create and use model\n- check internet connection using Connectivity and InternetConnectionChecker packages\n- set wallpaper on android using FlutterWallpaperManager\n\n#### Image Gallery SS\n![](./images/image-gallery.jpg)\n\n## Random Quote Generator\nGenerates random quote using advice slip API\n\n### What I learned?\nBy doing this project, I learned to\n\n- fetch data from api using http flutter package\n\n#### Random Quote Generator SS\n![](./images/random-quote.png)\n\n## Calculator\nAble to perform four basic arithmatic operations\n\n### What I learned?\nBy doing this project, I learned to\n\n- use SingleChildScrollView to enable scrolling\n- work with Table\n\n#### Calculator SS\n![](./images/calculator.png)\n\n## Best Widgets\nSome useful widgets\n\n### What I learned?\nBy doing this project, I learned to\n\n- work with form\n- use popup menu\n- use bottom navigation bar\n- use navigation drawer\n- display alert dialog using showDialog\n\n#### Best Widgets SS\n![](./images/best-widgets.gif)\n\n\n## BMI Calculator\nYou can enter height \u0026 weight to calculate BMI.\n\n### What I learned?\nBy doing this project, I learned to\n\n- make custom button using RawMaterialButton\n- use constants and final\n- customize theme \n- customize widgets\n- navigate between pages using Navigator\n- make custom widgets by combining widgets\n- use GestureDetector to detect tap on widget\n- use slider widget and customize it\n- work with enum\n- use conditional operator (ternary operator) to shorten the code\n\n#### BMI Calculator SS\n![](./images/bmi-calculator.png)\n\n## Destini\nInitially, it displays a text with two choices. Based on that choice, next text is shown.\n\n### What I learned?\nBy doing this project, I learned to\n\n- implement and re-learn what I learned while making quiz app\n- use visibility widget\n- add background image using BoxDecoration\n\n#### Destini SS\n![](./images/destini.png)\n\n## Quiz App\nThis is a simple quiz app with around 13 true/false questions.\n\n### What I learned?\nBy doing this project, I learned to\n\n- make different dart files to make code cleaner\n- use all concepts of Object Oriented Programming\n- display alert dialog using rflutter_alert package\n\n#### Quiz App SS\n![](./images/quizapp.png)\n\n\n## Xylophone\nThis app has 7 colorful buttons. When these buttons are clicked, different note (sound) of xylophone is played.\n\n### What I learned?\nBy doing this project, I learned to\n\n- use packages \n- use AudioPlayers to play audio from local file\n- shorten code by making function to create identical widgets with slightly different properties\n\n#### Xylophone SS\n![](./images/xylophone.png)\n\n\n## Dice Roller\nThis app displays dice images from images folder (asset image). Images are wrapped inside of TextButton and displays random dice images everytime it is pressed.\n\n### What I learned?\nBy doing this project, I learned to\n\n- use Expand Widget\n- use stateful widget\n- import math library and generate random number\n- make and use variables and functions or methods\n- detect and handle click event using TextButton\n\n#### Dice Roller SS\n![](./images/dice-roller.png)\n\n## Don Doggo\nThis app displays a circular image of dog, and two lists with phone number and email along with icons.\n\n### What I learned?\nBy doing this project, I learned to\n\n- add icons and change their properties\n- use sized box, row, column, padding \n- use card\n- use stateless widget\n- download and use custom font\n\n#### Don Doggo SS\n![](./images/doggo.png)\n\n## The Doctor\nThis is a simple flutter app to displays a random AssetImage from images folder.\n\n### What I learned?\nBy doing this project, I learned to\n\n- display AssetImage from local folder\n- make image circular using CircleAvatar\n\n#### The Doctor SS\n![](./images/the-doctor.png)\n\n## Random Cat\nThis is a simple flutter app. This app displays a random cat image everytime the app is re-opened. \n\n### What I learned?\nBy doing this project, I learned to\n\n- setup flutter on Windows OS\n- display appbar, change title, align its position, and change color\n- change background color\n- display NetworkImage (image from internet)\n\n#### Random Cat SS\n![](./images/random-cat.png)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodersuresh%2Fflutter-basics","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodersuresh%2Fflutter-basics","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodersuresh%2Fflutter-basics/lists"}