Giter VIP home page Giter VIP logo

getx-template's Introduction

getX_starter

A Flutter application template using getX for state management with pre defined modules and widgets for authentication, connection, localization and theme.

Getting Started

Installation

you can use the template in two ways:-

Manual

clone the project to your pc and then copy the src directory to your new flutter project lib directory. or only copy the desired modules. note: if you want to copy only modules make sure you copy the configuration files or other files you need.

Mason CLI

mason logo

Pub mason License: MIT

you will have to install mason cli to your device first check out mason for that. after you install mason you can add the template to your global bricks using command

mason add -g --source git https://github.com/KalvadTech/getX-template --path lib/mason/bricks/get_x_template

after that you can call

mason list
///or
mason ls

you should see something like that in the output get_x_template - A Flutter application template using getX for state management with pre defined modules for authentication, connections and localizations.

now you can use template in every flutter project from your command line. create new flutter project open your terminal then navigate to lib folder and use command

mason make get_x_template

packages

remembers to add these packages to your pubspec.yaml file.

  get: ^4.6.5
  loader_overlay: ^2.1.0
  flutter_spinkit: ^5.1.0
  connectivity_plus: ^3.0.2
  flutter_svg: ^1.1.6
  get_storage: ^2.0.3
  google_fonts: ^3.0.1
  

Modules

you can find all pre defined modules inside the modules directory.

Authentication

contain default login and register process using username and password with validation and logic. you can use default login and register pages or customize them. go to config/api-config and put your own api urls and routes then go to data/models/user.dart and update user model to meet your api response.

connections

handle the connectivity, check if the user is connected to through wifi or mobile data and have internet access or no. contain two widget one for splash screen with connection check. one stack widget for showing connectivity status changes, you can use it to show status throw all pages or for only one page.

Localizations

handle the languages changes, check what is the user preferred language in the app and handle the translation of the strings inside the app. all you have to do is go to modules/locale/localization_view_model and add your supported languages. Then add string keys to config/keys. Inside module/locale/lang create a new file for your keys translation. it's already ready for use for arabic and english.

Theme

handle the light and dark theme changing. contain custom widget for changing the theme. you can use ThemeSwitch to implement a switch to change the theme from dark to light and vise versa or use the ThemeDrawerItem if you want a icon title leading widget.

A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

getx-template's People

Contributors

mohamed50 avatar

Stargazers

 avatar

Watchers

toto42 avatar SOUFIANE BOUCHAARA avatar Pierre avatar Loïc Tosser avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.