Skip to content

This project is a FlutterFlow showcase app with the following features: Responsive Design, REST API, Master-Detail Flow, Animation, and Custom Page Transitions.

Notifications You must be signed in to change notification settings

extrawest/flutterflow-responsive-web-showcase

Folders and files

NameName
Last commit message
Last commit date
Apr 17, 2023
Apr 13, 2023
Apr 19, 2023
Apr 19, 2023
Apr 19, 2023
Apr 19, 2023
Apr 7, 2023
Apr 19, 2023
Apr 17, 2023
Apr 7, 2023
May 17, 2023
Apr 17, 2023
Apr 19, 2023
Apr 19, 2023

Repository files navigation

FlutterFlow Responsive Web Showcase

Maintanence Ask Me Anything ! GitHub license GitHub release Supported Platforms View DEMO FlutterFlow

Project info

  • This project is a FlutterFlow showcase app with the following features: Responsive Design, REST API, Master-Detail Flow, Animation, and Custom Page Transitions.
  • The app runs on Android, iOS and Web.
  • The app is built using Flutter stable and latest Dart version.
  • The app is built using the FlutterFlow

Demo

FlutterFlow responsive WEB showcase

web-showcase.mp4

How to run the app

  • Clone the project.
git clone https://github.com/extrawest/flutterflow-responsive-web-showcase.git
  • Open the project.
cd your_name_here
  • Get packages.
flutter pub get
  • Configure firebase project with flutterfire.
flutterfire configure

At this point you should be able to run the app on your device or emulator.

Firebase hosting

  1. In order to deploy this app to Firebase hosting, follow these commands
  • Login to firebase.
firebase login
  • Initialize firebase.
firebase init
  • Choose account, then choose Hosting as an option.
  • Select Firebase project
  • Select public directory for your hosting build/web (default)
  • Configure as a single-page app
  • Build the project if you haven't yet
flutter build web
  • Deploy to firebase.
firebase deploy

Created by Ruslan Volkhov

Extrawest.com, 2023