https://github.com/extrawest/flutterflow-responsive-web-showcase

This project is a FlutterFlow showcase app with the following features: Responsive Design, REST API, Master-Detail Flow, Animation, and Custom Page Transitions.
https://github.com/extrawest/flutterflow-responsive-web-showcase

animation custom-page-transition flutter flutterflow master-detail responsive-design responsive-web-design rest-api

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/extrawest/flutterflow-responsive-web-showcase
• Owner: extrawest
• Created: 2023-04-21T11:29:10.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-05-17T18:44:19.000Z (almost 3 years ago)
• Last Synced: 2025-03-30T17:46:37.815Z (11 months ago)
• Topics: animation, custom-page-transition, flutter, flutterflow, master-detail, responsive-design, responsive-web-design, rest-api
• Language: Dart
• Homepage: https://main--ornate-licorice-ac07bd.netlify.app/
• Size: 422 KB
• Stars: 1
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# FlutterFlow Responsive Web Showcase

[![Maintanence](https://img.shields.io/badge/Maintenance-yes-blue.svg)]()

[![Ask Me Anything !](https://img.shields.io/badge/Ask%20me-anything-1abc9c.svg)]()

![GitHub license](https://img.shields.io/github/license/Naereen/StrapDown.js.svg)

![GitHub release](https://img.shields.io/badge/release-v1.0.0-blue)

![Supported Platforms](https://img.shields.io/badge/Platform-Android%20|%20iOS%20|%20Web%20%20-blue.svg?logo=flutter)

[![View DEMO](https://img.shields.io/badge/VIEW-DEMO-lightgreen.svg)](https://volkhov-map.web.app)

![FlutterFlow](https://img.shields.io/badge/FlutterFlow-6E61FA.svg?logo=flutter)

## 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](https://main--ornate-licorice-ac07bd.netlify.app/)

https://github.com/extrawest/flutterflow-responsive-web-showcase/assets/129328468/cf64d727-2dae-4bdf-81a3-2d77aacd1c9f

## How to run the app

- **Clone the project.**

```shell

git clone https://github.com/extrawest/flutterflow-responsive-web-showcase.git

```

- **Open the project.**

```shell

cd your_name_here

```

- **Get packages.**

```shell

flutter pub get

```

- **Configure firebase project with flutterfire.**

```shell

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.**

```shell

firebase login

```

- **Initialize firebase.**

```shell

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**

```shell

flutter build web

```

- **Deploy to firebase.**

```shell

firebase deploy

```

Created by **Ruslan Volkhov**

[Extrawest.com](https://www.extrawest.com), 2023