• Stars
    star
    425
  • Rank 98,322 (Top 2 %)
  • Language
    Dart
  • License
    MIT License
  • Created over 3 years ago
  • Updated 11 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A Flutter starter-kit for production-level apps.

Flutter Starter

All Contributors

Introduction

We wanted to take Flutter a step further and accelerate the process of building production-level apps. Presenting our solution- Flutter Starter!

Flutter Starter, as the name suggests, is a starter kit for Flutter that helps you bootstrap projects with all the essential modules like State Management, API calls, Style Guide, etc. It helps you build production ready apps in a jiffy. Handle everything at one place so you don't have to rewrite code.

Motivation

Flutter gives us a simple counter app on installation which works if you are just starting out. However, while building a production-level app, we need state-management, API calls, Styleguide and common widgets. We frequently repeat this code in every project.

Flutter Starter is based on the DRY principle. Don't Repeat Yourself is a programming principle that is aimed at reducing repetition and redundancy.

💡 The DRY principle states that "Every piece of knowledge must have a single, unambiguous, authoritative representation within a system".

Why is this useful? Applying the DRY principle helps code maintainability, improves development efficiency and much more!

Features

  • Folder Structure: Flutter Starter comes with a well-defined folder structure. Devs can easily navigate it and add files where necessary.

  • Style Guide: This kit helps you to build a Style Guide for your app. You can add your image and font assets, splash screen, color constants and theme data. These are available for use wherever required in your project.

  • API Calls: The starter kit includes all the files you need for API handling. You can choose from REST, GraphQL and Firebase depending on your project.

  • State Management: Flutter Starter contains all the state management files, models and repositories for your app. We will use Bloc for state management.

  • Routers & Dependencies: This kit allows you to quickly add routers for your app screens. Dependencies can also be added to your app by simply copy-pasting the install version from pub.dev into the designated file.

  • Testing & Deployment: Lastly, you can test and deploy your app smoothly using Flutter Starter! Go to the test folder, add your test files and start writing test cases. Check out the Android or iOS pages to deploy your app.

Installing & Usage

Go to Flutter and install Flutter on your system. Proceed to our Github repository and create a template.

To run the project, run:

bash run_script.sh

💡 You can build apps with Flutter using any text editor combined with our command-line tools. We use VS Code since it is lightweight.

Examples

Here are some of the example apps made using Flutter Starter:

Tech Stack

Flutter, Firebase, GraphQL, REST and Bloc.

Naming Conventions

  • Variables: camelCase
  • Classes: PascalCase
  • Files: snake_case

Build Status

Check out our roadmap here.

Contributors


Sumant Raj

💻

madhav23bansal

💻

How to Contribute

Thank you for your interest in contributing to Flutter Starter! We are lucky to have you 🙂 Head over to Contribution Guidelines and learn how you can be a part of a wonderful, growing community.

License

Licensed under the MIT License, Copyright © 2020 GeekyAnts. See LICENSE for more information.

More Repositories

1

NativeBase

Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
TypeScript
20,018
star
2

vue-native-core

Vue Native is a framework to build cross platform native mobile apps using JavaScript
JavaScript
8,328
star
3

NativeBase-KitchenSink

An example app with all the UI components of NativeBase
JavaScript
2,184
star
4

react-native-easy-grid

Easy React Native Layout & Grid for the Dumb
JavaScript
2,172
star
5

flutter-login-home-animation

Dart
1,223
star
6

express-typescript

Express + TypeScript + Boilerplate for Web / API App
TypeScript
1,096
star
7

react-native-seed

Get your favorite boilerplate of React Native
652
star
8

KitchenSink-Vue-Native

KitchenSink app for Vue Native (using NativeBase)
Vue
417
star
9

flutter-web-admin-dashbaord

Admin Dashboard built using Flutter Web
Dart
250
star
10

flick-video-player

Dart
240
star
11

react-native-aria

A library of React Hooks for React-Native (Android/iOS/web) to provide accessible UI primitives for a design system.
TypeScript
225
star
12

sb-admin-svelte

StartBootstrap SB Admin rebuilt using Svelte + Sveltestrap
CSS
221
star
13

FlatApp-Firebase-Flutter

Flap App with Firebase in Flutter by GeekyAnts.
Dart
217
star
14

ignite-native-base-boilerplate

JavaScript
184
star
15

FlatApp-Flutter

Flap App in Flutter by GeekyAnts.
Dart
169
star
16

react-pluggable

A plugin system for JS & React apps.
TypeScript
164
star
17

NativeBase-Sketch-Template

Sketch Template for NativeBase components
159
star
18

vue-native-starter-app

Vue Native Starter App with Login, News Feed and Sidebar using Vuelidate and Vuex
Vue
140
star
19

react-native-hamburger

Hamburger menu for react-native!
JavaScript
134
star
20

native-base-react-navigation-stack-navigator

JavaScript
125
star
21

flutter-galaxy-game

2D Flutter Galaxy Game
Dart
122
star
22

vue-native-cli

Write Native Mobile Apps using Vue. Vue Native is a wrapper around React Native APIs
JavaScript
92
star
23

express-typescript-postgres

An API Boilerplate for Node.js, Express.js & PostgresSQL.
TypeScript
90
star
24

vue-js-animation-starter-kit

JavaScript
90
star
25

reazy

Reazy Framework - A simple services-based framework for React and React Native
JavaScript
85
star
26

react-native-native-base-seed

React Native Seed Project with NativeBase, Redux, CodePush, Router, Push Notification and other basic must-have libraries
JavaScript
82
star
27

native-base-docs

Documentation of NativeBase
HTML
74
star
28

nativebase-tutorial

Sample App using NativeBase
JavaScript
71
star
29

nativebase-templates

NativeBase Templates for different platforms.
JavaScript
70
star
30

react-native-boilerplate-redux-typescript

TypeScript
68
star
31

flutter-carousel

A carousel package in flutter with various configuration options
Dart
66
star
32

NativeBase-TodoApp

A basic Todo App built using NativeBase and Redux
Java
61
star
33

react-native-boilerplate-redux-flow

JavaScript
59
star
34

ReactNative-Redux-TypeScript-Boilerplate

React Native Boilerplate app - Redux + TypeScript
TypeScript
57
star
35

FlappyBird-ReactNative

Flappy Bird Experiment using React Native
JavaScript
57
star
36

GaugesFlutter

A gauge package for Flutter that displays progress and can be customized for appearance and behavior.
Dart
57
star
37

customise-tinder-swipe

A tinder swipe package that can be customised
Dart
50
star
38

firestore-react

[UNMAINTAINED] Firestore bindings for React components
TypeScript
50
star
39

nativebase-v3-kitchensink

NativeBase KitchenSink App
TypeScript
41
star
40

react-native-to-flutter

TypeScript
40
star
41

native-base-cli

JavaScript
40
star
42

nextjs-typescript-firebase

Next.js + TypeScript + Firebase
TypeScript
40
star
43

vue-native-router

JavaScript
37
star
44

infinite-carousel-flutter

Carousel in flutter. Supports infinite looping and gives control over anchor and velocity.
Dart
37
star
45

flutter_amplify_datastore_demo

A WhatsApp clone build using Flutter and AWS Amplify DataStore
Dart
37
star
46

flutter-folder-structure

The base folder structure to start any new project
Dart
36
star
47

vue-native-website

The website of Vue Native
JavaScript
36
star
48

flutter-docs-code-samples

Dart
35
star
49

NativeBase-VectorIconApp

Example repo to demo how to use Icons with NativeBase
JavaScript
34
star
50

mobx-state-tree-firebase

[UNMAINTAINED] Firebase Integration for your mobx-state-tree models.
TypeScript
34
star
51

do-app-builderx-sketch-import

A sample app to show how Sketch to React Native works in BuilderX
JavaScript
32
star
52

react-native-boilerplate-mobx-typescript

TypeScript
32
star
53

svelte-admin-dashboard

SB Admin dashboard, built using Svelte!
HTML
31
star
54

sample-e-voting-system-ethereum

TypeScript
30
star
55

sample-decentralised-kyc-ethereum

TypeScript
29
star
56

native-base-example-github-app

JavaScript
27
star
57

flutter_amplify_graphql_demo

A WhatsApp clone build using Flutter and AWS Amplify GraphQL API.
Dart
25
star
58

nativebase-docs

Mobile-first, accessible components for React Native & Web.
TypeScript
25
star
59

react-native-boilerplate-mobx-flow

JavaScript
23
star
60

react-native-boilerplate-mobx-state-tree-typescript

TypeScript
23
star
61

native-base-market-taxi-app-backend-docs

HTML
22
star
62

sample-supply-chain-ethereum

TypeScript
22
star
63

react-mst-boilerplate

React + mobx-state-tree + TypeScript + styled-components = Clean Boilerplate
TypeScript
19
star
64

localization-json-translator

A localisation language file generator using the Google translator
JavaScript
19
star
65

react-native-zebra-bluetooth-printer

Java
18
star
66

laravel-inertia-sharedo

Easy-to-add Share functionality for your Laravel project
Vue
15
star
67

ga-wdio

An automation CLI tool that creates the tests project for Web, API & Mobile apps and runs things like geckodriver, chromedriver & appium internally for various stacks, browsers, platforms & modes.
JavaScript
14
star
68

nativebase-vscode-extension

NativeBase VS Code Extensions are specifically designed to quicken your development process using NativeBase 3.0.
14
star
69

native-base-example-redux-form

JavaScript
13
star
70

react-animated-charts

React wrapper for D3.js
JavaScript
13
star
71

react-native-tinder-card-swiper

Tinder like Card Swipe Example using NativeBase DeckSwiper component
Objective-C
13
star
72

react-native-bing-maps

Java
12
star
73

laravel-lumen-jwt-boilerplate

A boilerplate for your app using laravel, lumen & jwt libraries/frameworks.
PHP
12
star
74

flutter-bluetooth-adapter

Java
12
star
75

nativebase-v3-taxi-app

TypeScript
12
star
76

react-native-chat

Chat Plugin for your React Native Apps
JavaScript
12
star
77

native-base-example-redux-counter

JavaScript
11
star
78

external_app_launcher

C++
10
star
79

Hacker-News-RN-Clone

Hacker News React Native clone built using BuilderX
JavaScript
9
star
80

sample-smart-contract-ethereum

JavaScript
9
star
81

native-base-example-flatlist-stickyHeaders

Example to demonstrate use of FlatList to include Sticky Headers using NativeBase components
JavaScript
8
star
82

flutter-firebase-notification-sender

A flutter client to send out firebase push notifications
Dart
8
star
83

native-base-example-rnrf

JavaScript
7
star
84

flutter-deno-sample-app

TypeScript
7
star
85

react-native-chat-example

react-native-chat.com Example
JavaScript
7
star
86

react-native-fireworks

JavaScript
7
star
87

native-base-market-dating-app-docs

Documentation of Dating App (Tinder like) on StrapMobile.com
HTML
7
star
88

line-segment-slider-input

2D Line Segment Slider Input. Originally built for BuilderX.io
TypeScript
6
star
89

twitter-clone-svelte

HTML
6
star
90

geekymodel

GeekyModel - Opinionated State Container for Remote and Local Storage with a Database-like API powered by MobX
TypeScript
6
star
91

native-basev3-testbed

App for building nbv3 components.
TypeScript
6
star
92

native-base-atom-package

NativeBase snippets for Atom Editor
5
star
93

nativebase-v3-examples

All the examples of NativeBase v3 used in building the new website.
TypeScript
5
star
94

NativeBase-Customizer

JavaScript
5
star
95

gform

React Forms with Validation, Two-way binding, Nested Forms
TypeScript
5
star
96

native-base-example-mobx-counter

JavaScript
5
star
97

NativeBase_Flutter

Dart
4
star
98

about-us

4
star
99

flutter-starter-cli

4
star
100

FlutterLearn-Casts

Source code of all the widgets covered in FlutterLearn Casts.
Dart
4
star