SlideShare a Scribd company logo
1 of 9
My One-Month
Progress on Learning
Flutter and Building
Axom-Wallet
Presented by
Dipankar Boruah
Table of
Contents:
 Introduction
 Curriculum
 Accomplishments
 Overview
 Axom-Wallet App
 Future Goals
 Conclusion
Introduction:
• My progress on learning Flutter.
• I'm currently working as a front-end Flutter intern at XopunTech
and I joined this boot camp to gain more knowledge, skills and
experience in mobile app development.
Curriculum:
• Introduction to Flutter.
• Flutter basics: widgets, layouts.
• State management: stateful and stateless widgets.
• Third-party packages: integrating third-party packages in my
Flutter app.
Accomplishments:
• Designed Two Pages: I designed two pages for the Axom-Wallet app -
the transaction page and Side-NavBar page.
• Learned Key Widgets: I learned about several important widgets in
Flutter such as Safe Area, Scaffold, AppBar, Drawer, Color, Font,
Stateless, Stateful, Hot Reload, Image, Assets, Buttons, Icons,
Containers, Paddings, Rows, Columns, Flutter Outline and Shortcuts,
Expanded Widget, ListView, List Tiles, Navbar (Bottom, Side) , Sizebox.
• Applied Widget Knowledge: I applied my knowledge of these widgets to
create the designs for the Axom-Wallet app.
• Developed UI Components: I developed several UI components such as
buttons, icons, and navigation bars to make the app more user-friendly.
• Worked with State Management: I gained experience with state
management in Flutter, using both the Stateless and Stateful widgets to
manage app state and data.
Overview
Input Page Input 2 Login page
navigator.pop()
IconButton()
navigator.pop()
canSubmit(true:false)
TextField()
checkFields()
controller object
Keyboardtype
(minline:maxlines)
Text()
TextFormField()
labelText:’’
obscureText:true
ElevatedButton()
Navigator.push()
Axom-Wallet App
Transaction Page NavBar Icon Page Nav-Side Bar Page
Container(
Column(
ElevatedButton(
Row())))
Container(
Row(
TextFormField(
hintText:’’,)))
Container(
Row(
DropdownButto
nFormField(Drop
downMenuItem(
))))
Row(Padding(
Text()))
ElevatedButton()
bottomNavigationBar:
Container(Row( Icon())
Container(
Text())
Scaffold(drawe
r:NavigationDr
awer(),
SafeArea(
Container(Colu
mn(Row(IconB
utton()))))
SizedBox(
Elevated
Button())
buildHeader{
Container(Center(
Column(
CircleAvatar(
backgroundImage:
AssetImage(“”),) Text())
buildMenuItems{
Column(children: [
ListTile(leading:
const Icon()
title: const Text()
buildMenuItems{
Column(children: [
Container(Text())
Future Goals
 Working with APIs
 Animations: animation widgets and creating custom animations
Conclusion
Thanks to Everyone at
XopunTech for their support.

More Related Content

Similar to My One-Month Progress on Learning Flutter and Building.pptx

FlutterArchitecture FlutterArchitecture.ppt
FlutterArchitecture FlutterArchitecture.pptFlutterArchitecture FlutterArchitecture.ppt
FlutterArchitecture FlutterArchitecture.ppt
KevinNemo
 
EXPLORING VARIOUS UI INTERACTION PATTERNS
EXPLORING VARIOUS UI INTERACTION PATTERNSEXPLORING VARIOUS UI INTERACTION PATTERNS
EXPLORING VARIOUS UI INTERACTION PATTERNS
ROHISIVAM
 
Communicating to stakeholders
Communicating to stakeholdersCommunicating to stakeholders
Communicating to stakeholders
Kagonya Awori
 

Similar to My One-Month Progress on Learning Flutter and Building.pptx (20)

PHP Developer
PHP DeveloperPHP Developer
PHP Developer
 
human computer interaction of movie booking system project
human computer interaction of movie booking system projecthuman computer interaction of movie booking system project
human computer interaction of movie booking system project
 
FlutterArchitecture FlutterArchitecture.ppt
FlutterArchitecture FlutterArchitecture.pptFlutterArchitecture FlutterArchitecture.ppt
FlutterArchitecture FlutterArchitecture.ppt
 
Collaboration and team content development
Collaboration and team content developmentCollaboration and team content development
Collaboration and team content development
 
Sundar_v5.9_Proj_Summary
Sundar_v5.9_Proj_SummarySundar_v5.9_Proj_Summary
Sundar_v5.9_Proj_Summary
 
Zunairzakir
ZunairzakirZunairzakir
Zunairzakir
 
Zunairzakir
ZunairzakirZunairzakir
Zunairzakir
 
Jay salazar userexperience_marketing
Jay salazar userexperience_marketingJay salazar userexperience_marketing
Jay salazar userexperience_marketing
 
CodeCamp general info
CodeCamp general infoCodeCamp general info
CodeCamp general info
 
Unlocking the Potential: A Step-by-Step Guide on Developing an E-Learning App
Unlocking the Potential: A Step-by-Step Guide on Developing an E-Learning AppUnlocking the Potential: A Step-by-Step Guide on Developing an E-Learning App
Unlocking the Potential: A Step-by-Step Guide on Developing an E-Learning App
 
Creative i media r085
Creative i media r085Creative i media r085
Creative i media r085
 
1.Figma Community Figma Community offers
1.Figma Community Figma Community offers1.Figma Community Figma Community offers
1.Figma Community Figma Community offers
 
Figma Community Figma Community offers r
Figma Community Figma Community offers rFigma Community Figma Community offers r
Figma Community Figma Community offers r
 
Application Design - Part 2
Application Design - Part 2Application Design - Part 2
Application Design - Part 2
 
Snapchat - Google Docs.pdf
Snapchat - Google Docs.pdfSnapchat - Google Docs.pdf
Snapchat - Google Docs.pdf
 
Google UX Design Course - Portfolio Project 1 - App Design for a Fictional St...
Google UX Design Course - Portfolio Project 1 - App Design for a Fictional St...Google UX Design Course - Portfolio Project 1 - App Design for a Fictional St...
Google UX Design Course - Portfolio Project 1 - App Design for a Fictional St...
 
Introduction to Force.com Canvas Apps
Introduction to Force.com Canvas AppsIntroduction to Force.com Canvas Apps
Introduction to Force.com Canvas Apps
 
EXPLORING VARIOUS UI INTERACTION PATTERNS
EXPLORING VARIOUS UI INTERACTION PATTERNSEXPLORING VARIOUS UI INTERACTION PATTERNS
EXPLORING VARIOUS UI INTERACTION PATTERNS
 
How to make an iPhone app
How to make an iPhone appHow to make an iPhone app
How to make an iPhone app
 
Communicating to stakeholders
Communicating to stakeholdersCommunicating to stakeholders
Communicating to stakeholders
 

More from Dipankar Boruah (8)

Employee Management System
Employee Management SystemEmployee Management System
Employee Management System
 
COCA COLA
COCA COLACOCA COLA
COCA COLA
 
DATA MINING.pptx
DATA MINING.pptxDATA MINING.pptx
DATA MINING.pptx
 
Non- Deterministic Algorithms
Non- Deterministic AlgorithmsNon- Deterministic Algorithms
Non- Deterministic Algorithms
 
Cloud Computing
Cloud ComputingCloud Computing
Cloud Computing
 
JOB PORTAL SYSTEM
JOB PORTAL SYSTEMJOB PORTAL SYSTEM
JOB PORTAL SYSTEM
 
WiFi Communication Initial version
WiFi Communication Initial versionWiFi Communication Initial version
WiFi Communication Initial version
 
Chomsky classification of Language
Chomsky classification of LanguageChomsky classification of Language
Chomsky classification of Language
 

Recently uploaded

Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
mikehavy0
 
Evaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxEvaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptx
joshuaclack73
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
Isadora Agency
 
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
Amil baba
 
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
Sarbjit Bahga
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
Amil baba
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
210303105569
 
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
thubko
 

Recently uploaded (20)

Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product Photos
 
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
 
Evaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxEvaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptx
 
BIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic designBIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic design
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
 
Morgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity DesignMorgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity Design
 
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
 
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
 
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
 
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTUREGBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
 
Digital Marketing Company in Bangalore.pdf
Digital Marketing Company in Bangalore.pdfDigital Marketing Company in Bangalore.pdf
Digital Marketing Company in Bangalore.pdf
 
Top 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptxTop 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptx
 
Latest Trends in Home and Building Design
Latest Trends in Home and Building DesignLatest Trends in Home and Building Design
Latest Trends in Home and Building Design
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
 
Levi's Advertisement and camapign design
Levi's Advertisement and camapign designLevi's Advertisement and camapign design
Levi's Advertisement and camapign design
 
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
 
And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)
 

My One-Month Progress on Learning Flutter and Building.pptx

  • 1. My One-Month Progress on Learning Flutter and Building Axom-Wallet Presented by Dipankar Boruah
  • 2. Table of Contents:  Introduction  Curriculum  Accomplishments  Overview  Axom-Wallet App  Future Goals  Conclusion
  • 3. Introduction: • My progress on learning Flutter. • I'm currently working as a front-end Flutter intern at XopunTech and I joined this boot camp to gain more knowledge, skills and experience in mobile app development.
  • 4. Curriculum: • Introduction to Flutter. • Flutter basics: widgets, layouts. • State management: stateful and stateless widgets. • Third-party packages: integrating third-party packages in my Flutter app.
  • 5. Accomplishments: • Designed Two Pages: I designed two pages for the Axom-Wallet app - the transaction page and Side-NavBar page. • Learned Key Widgets: I learned about several important widgets in Flutter such as Safe Area, Scaffold, AppBar, Drawer, Color, Font, Stateless, Stateful, Hot Reload, Image, Assets, Buttons, Icons, Containers, Paddings, Rows, Columns, Flutter Outline and Shortcuts, Expanded Widget, ListView, List Tiles, Navbar (Bottom, Side) , Sizebox. • Applied Widget Knowledge: I applied my knowledge of these widgets to create the designs for the Axom-Wallet app. • Developed UI Components: I developed several UI components such as buttons, icons, and navigation bars to make the app more user-friendly. • Worked with State Management: I gained experience with state management in Flutter, using both the Stateless and Stateful widgets to manage app state and data.
  • 6. Overview Input Page Input 2 Login page navigator.pop() IconButton() navigator.pop() canSubmit(true:false) TextField() checkFields() controller object Keyboardtype (minline:maxlines) Text() TextFormField() labelText:’’ obscureText:true ElevatedButton() Navigator.push()
  • 7. Axom-Wallet App Transaction Page NavBar Icon Page Nav-Side Bar Page Container( Column( ElevatedButton( Row()))) Container( Row( TextFormField( hintText:’’,))) Container( Row( DropdownButto nFormField(Drop downMenuItem( )))) Row(Padding( Text())) ElevatedButton() bottomNavigationBar: Container(Row( Icon()) Container( Text()) Scaffold(drawe r:NavigationDr awer(), SafeArea( Container(Colu mn(Row(IconB utton())))) SizedBox( Elevated Button()) buildHeader{ Container(Center( Column( CircleAvatar( backgroundImage: AssetImage(“”),) Text()) buildMenuItems{ Column(children: [ ListTile(leading: const Icon() title: const Text() buildMenuItems{ Column(children: [ Container(Text())
  • 8. Future Goals  Working with APIs  Animations: animation widgets and creating custom animations
  • 9. Conclusion Thanks to Everyone at XopunTech for their support.

Editor's Notes

  1. When listing all project collaborators, either use commas or bullets
  2. Insert a map of your colony (draw it, ink it, or create it in PPT- be creative!) Insert -> Pictures for photos Draw for digital inking Insert -> Shapes if you want to create it in PPT All mountains, towns/villages, bodies of water/waterways, landmarks, etc. should be clearly labeled
  3. Think about the questions listed above and answer them. Can you think of anything else in regards to economy and trade that you would like to add?
  4. Use the SmartArt to determine the flow of government/leadership: Who leads the colony (executive)? What is that person/are those people’s duties? Who makes the rules (legislature)? Who ensures the rules are followed (judicial)? Are there any other branches of government? If so, who are they and what is their job? To add more shapes, click on the left shape first, then on SmartArt Tools -> Design -> Add Shape After Do the same for the shape to the right Feel free to rename the branches!
  5. What are the rules and laws of your colony? Think about what helps the colonists stay safe and maintain a healthy, happy colony. In each shape… Name the rule/law Describe why it’s important for the colony/colonists Explain the consequences for not following this rule/law To add more shapes, click on the last shape, then on SmartArt Tools -> Design -> Add Shape After
  6. *OPTIONAL SLIDE* If you are interested in learning more about social groups, look up the caste or class system.
  7. Think about the questions/situations listed above and answer them. Can you think of anything else in regards to transportation that you would like to add?
  8. What is the name of your colony song? Write lyrics to the song and, if you are feeling creative, use a computer program or instruments to create the music that goes along with it! To insert an audio file, click on Recording -> Audio -> Audio on My PC and choose your file
  9. Have fun with this slide! Use drawing paper or inking to create your colony’s flag, flower, bird, tree, and its most famous person! If you use drawing paper, take a photo and insert the image If you choose to use digital inking, click on the Draw tab and ink away!