A storefy application with flutter

Overview

storefy flutter application

File architecture ( important only ) :

  • lib\services\authServices.dart

    This file contains all functionality associated with authentication like login - reset password - verify token - store tokens and information of the user - etc.

  • lib\services\dio.dart

    This file contains configuration for dio package.

    dio is a powerful Http client for Dart, which supports Interceptors, Global configuration, FormData, Request Cancellation, File downloading and more.

  • lib\routes.dart

    This file contains all routes of the application.

  • lib\constants.dart

    This file contains all constants of the application like colors and error messages and more.

Libraries associated with application :

  • dio : for handling http requests and responses.
  • flutter_svg : which allows painting and displaying Scalable Vector Graphics(svg).
  • Provider : is a state management of our application.
  • flutter_secure_storage : for handling and storing tokens and user information.
  • url_launcher : Flutter plugin for launching a URL. Supports web, phone, SMS, and email schemes.

Code Details :

  • lib\services\dio.dart Screenshot of  dio.dart file

  • when use your android phone in development mode,You face some issues when you want to connect to your laravel backend.
  • you need to connect your phone and your mobile in same network.
  • launch laravel server with host mode.

  • lib\main.dart screenshot of main file code

  • add provider (state management) in your application (red arrow) .

  • lib\screens\sign_in\components\sign_form.dart Screenshot 2021-11-02 194254


    Screenshot 2021-11-02 194721


  • lib\screens\forget_password\components\sign_form.dart

    Screenshot 2021-11-02 195412


  • lib\screens\splash\components\body.dart

    Screenshot 2021-11-03 101004


NOTE : read comments in screenshot


Application screenshot :


login :

if information is not valid ๐Ÿ‘‡๐Ÿผ:

Screenshot_20211103-101714

if information is valid :

Screenshot_20211103-103209


forget password :

if email is not valid ๐Ÿ‘‡๐Ÿผ:

Screenshot_20211103-103918

if email is  valid ๐Ÿ‘‡๐Ÿผ:

Screenshot_20211103-101730


logout :

Screenshot_20211103-103220

  • when click on log Out

    delete local storage token.

    redirect to start screen.


login automatically :

happens when we close application and token is valid.

Screenshot_20211103-103235

You might also like...

๐Ÿš€ This is mobile application using Flutter for develop Tiktok

     ๐Ÿš€ This is mobile application using Flutter for develop Tiktok

Flutter Tiktok Clone Description: ๐Ÿš€ This is mobile application using Flutter for develop Tiktok How I can run it? ๐Ÿš€ Clone this repo ๐Ÿš€ Run below cod

Feb 8, 2022

This is mobile application fortune telling using Flutter for development.

This is mobile application fortune telling using Flutter for development.

Flutter Tarot Card Description: This is mobile application fortune telling using Flutter for development. How I can run it? ๐Ÿš€ Clone this repository ?

Sep 25, 2022

This is project using flutter and firebase for develop a mobile application about online school

This is project using flutter and firebase for develop a mobile application about online school

This is project using flutter and firebase for develop a mobile application about online school

May 17, 2021

It is the Tangram application that I created using flutter.

It is the Tangram application that I created using flutter.

Tangram App What is a TANGRAM? Tangram is a creative intelligence game on the basis of creating various forms by combining seven geometrically shaped

Oct 26, 2022

An application built using Flutter that is to conduct a quiz and provide the user with the result of the quiz.

An application built using Flutter that is to conduct a quiz and provide the user with the result of the quiz.

Quizzler Challenge Solution This is a companion project to The App Brewery's Complete Flutter Development Bootcamp, check out the full course at www.a

Sep 8, 2022

Flutter ThingsBoard PE Mobile Application

Flutter ThingsBoard PE Mobile Application Getting Started This project is a starting point for a ThingsBoard PE Mobile application. A few resources to

Dec 8, 2022

E-commerce application ui in flutter

 E-commerce application ui in flutter

E-commerce application ui in flutter

Jan 5, 2023

A simple shopping application made with Flutter utilizing Firebase REST APIs as a backend.

A simple shopping application made with Flutter utilizing Firebase REST APIs as a backend.

A simple shopping application made with Flutter (MVVM Architecture) utilizing Firebase (REST APIs) as a backend.

Aug 5, 2022

PAN-DO Flutter to-do application.

PAN_DO Flutter To-Do Application. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if th

Dec 30, 2021
Owner
Othmane kahtal
I am Othmane Kahtal , I'm a full stack developer, I love learning new things, especially things related to technology, and I am interested in data science & AI
Othmane kahtal
gceditor - a client/server application for creating a persistent data of an application

gceditor - a client/server application for creating a persistent data of an application

Sergey Tarasenko 8 Dec 17, 2022
Flutter demo application for Apple TV (tvos) using custom Flutter engine

Flutter for Apple TV A modification of the Flutter engine + test application to demonstrate that Flutter applications run on Apple TV This project (an

LibertyGlobal 181 Dec 30, 2022
A Flutter application to demonstrate how to implement Google maps and its advanced options in a flutter app.

google_maps_flutter_example A new Flutter application to demonstrate how to implement flutter google maps in a flutter application and perfoem advance

Hesham Erfan 11.7k Jan 8, 2023
A simple flutter application which explains razorpay payment gateway integration with flutter.

A simple flutter application which explains razorpay payment gateway integration with flutter.

poker784 0 Oct 24, 2021
A new Flutter application. Frontend Side of project Rent a Car on Flutter

Rent a Car With Flutter A new Flutter application. Frontend Side of project Rent a Car on Flutter Upgraded to Flutter 2 and enabled Null Safety. Getti

Fatih Baycu 17 Dec 4, 2022
This project is a starting point for a Flutter application.

result A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i

Adam Musa Ya'u 22 Aug 24, 2021
(Complete flutter application) Exam and training app as social media, prepared with Firebase backend services, Bloc State management, Singleton design pattern, Unit and widget tests, firebase mocking, Custom local libraries, etc.

(Complete flutter application) Exam and training app as social media, prepared with Firebase backend services, Bloc State management, Singleton design pattern, Unit and widget tests, firebase mocking, Custom local libraries, etc.

Ismael Shakverdiev 45 Jul 14, 2022
A simple chat application in flutter made with stream.

chat_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Samuel Adekunle 18 Oct 11, 2022
๐Ÿš€ This is mobile application using Flutter for develop a pizza store

Flutter Pizza Hut ?? Description: ?? This is mobile application using Flutter for develop a pizza store ?? Factory Method Create Enum product_type.dar

Dao Hong Vinh 26 Dec 9, 2022
This project is a starting point for a Flutter application.

flutter_notebook_12th_story A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to

Dreamwalker 9 Feb 5, 2022