v1.1.1+1 deployed

README.md

@@ -1,104 +1,16 @@
-<p align="center">
-    <a href="#"><img src="https://capsule-render.vercel.app/api?type=rect&color=E2336B&height=120&section=header&text=Orderac&fontSize=80&fontAlignY=55&fontColor=FFFFFF" alt="website title image"></a>
-    <h2 align="center">why starve when you have us</h2>
-</p>
+# orderac_web
 
+A new Flutter project.
 
-<p align="center">
-    <a href="https://dart.dev/"><img alt="Dart" src="https://img.shields.io/badge/dart-darkblue?&logo=dart&style=for-the-badge"></a>
-    <a href="https://flutter.dev/"><img alt="Flutter" src="https://img.shields.io/badge/flutter-darkblue?&logo=flutter&style=for-the-badge"></a>
-    <a href="https://firebase.google.com/"><img alt="Firebase" src="https://img.shields.io/badge/firebase-darkblue?&logo=firebase&style=for-the-badge"></a>
-</p>
+## Getting Started
 
+This project is a starting point for a Flutter application.
 
-## Description
-We know that during this COVID time many industries are failing to grow as they were growing before.<br>
-But some are growing faster than ever before.<br>
-And one of them is **Food industry**.
+A few resources to get you started if this is your first Flutter project:
 
-Whenever we go to a **mall**, the very first things we find is crowd, especially in **Food Courts**.<br> 
-There are more people standing in a food court than the people having a seat and eating their food.
+- [Lab: Write your first Flutter app](https://flutter.dev/docs/get-started/codelab)
+- [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook)
 
-We are creating an App & a Website, which people can use to **order food directly** from our app from anywhere **inside the mall**, rather than standing in a queue to order their food.<br> 
-And the website will be available to the food courts from where food courts can see their respective list of orders.
-
-- This will decrease the crowd in the food courts
-- This will make the food ordering process faster
-- Food courts will get more orders as user don't have to stand for very long
-- This can be implemented in every mall
-
-[![GitHub stars](https://img.shields.io/github/stars/inaxia/orderac?style=for-the-badge)](https://github.com/inaxia/orderac/stargazers)
-[![GitHub forks](https://img.shields.io/github/forks/inaxia/orderac?style=for-the-badge)](https://github.com/inaxia/orderac/network)
-[![GitHub issues](https://img.shields.io/github/issues/inaxia/orderac?style=for-the-badge)](https://github.com/inaxia/orderac/issues)
-
-
-## Installation
-
-**`orderac` -> app**<br>
-**`orderac_web` -> web**
-
-1. Fork this repo
-2. Clone the forked repo
-3. Open the main/parent `orderac` folder
-
-**For running app:**<br>
-Run the following commands:
-
-1. `cd .\orderac\` -> after running this, directory should be '..\orderac\orderac'
-2. `flutter channel stable`
-3. `flutter upgrade`
-4. `flutter run` -> make sure an android/emulator device is connected
-
-**For running web:**<br>
-If you want to run app & web simultaneously, you have to open a new window of any IDE and then run the following commands:
-
-1. `cd ..` -> if you are still in '..\orderac\orderac'
-2. `cd .\orderac_web\` -> after running this, directory should be '..\orderac\orderac_web'
-3. `flutter channel beta`
-4. `flutter upgrade`
-5. `flutter run` -> it will ask 'In which browser you want to run your app'
-
-
-## Visual
-**`orderac` :**<br>
-<img src="assets/app/ss5.jpg" height=600 widht=300 align="left">
-<img src="assets/app/ss4.jpg" height=600 width=300 align="center">
-<br>
-**`orderac_web` :**<br>
-<img src="assets/web/ss1.jpg" width=100%>
-
-
-## Community
-**[Code of Conduct](https://github.com/inaxia/attendance_using_face_recognition/blob/master/CODE_OF_CONDUCT.md)**<br>
-**[Contributing to Inaxia](https://github.com/inaxia/attendance_using_face_recognition/blob/master/CONTRIBUTING.md)**
-
-
-## License
-```
-MIT License
-
-Copyright (c) 2020 inaxia
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-```
-
-
-## Support
-![built with love](https://forthebadge.com/images/badges/built-with-love.svg)<br>
-**If you like our project, don't forget to give it a ⭐**
+For help getting started with Flutter, view our
+[online documentation](https://flutter.dev/docs), which offers tutorials,
+samples, guidance on mobile development, and a full API reference.

lib/main.dart

@@ -0,0 +1,23 @@
+import 'package:firebase_core/firebase_core.dart';
+import 'package:flutter/material.dart';
+import 'package:orderac_web/custom/custom_colors.dart';
+import 'package:orderac_web/screens/home.dart';
+
+void main() async {
+  WidgetsFlutterBinding.ensureInitialized();
+  await Firebase.initializeApp();
+  runApp(MyApp());
+}
+
+class MyApp extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: 'Orderac',
+      theme: ThemeData(
+        accentColor: customDarkBlack
+      ),
+      home: Home(),
+    );
+  }
+}

lib/screens/home.dart

@@ -0,0 +1,153 @@
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:flutter/material.dart';
+import 'package:orderac_web/screens/layout/large/large_home_screen.dart';
+// import 'package:orderac_web/screens/layout/medium/medium_home_screen.dart';
+// import 'package:orderac_web/screens/layout/small/small_home_screen.dart';
+
+//home_page
+String tagline = 'loading...';
+String pitch = 'loading...';
+String playstoreLink;
+
+//layer1
+String titleLayer1 = 'loading...';
+String detailsLayer1 = 'loading...';
+String imageLayer1 = 'https://i.stack.imgur.com/h6viz.gif';
+
+//layer2
+String titleLayer2 = 'loading...';
+String detailsLayer2 = 'loading...';
+String imageLayer2 = 'https://i.stack.imgur.com/h6viz.gif';
+
+//layer3
+String titleLayer3 = 'loading...';
+String detailsLayer3 = 'loading...';
+String imageLayer3 = 'https://i.stack.imgur.com/h6viz.gif';
+
+//footer
+String footerText = 'loading...';
+
+class Home extends StatefulWidget {
+  @override
+  _HomeState createState() => _HomeState();
+}
+
+class _HomeState extends State<Home> {
+  CollectionReference collectionReferenceToOrderacWeb =
+      FirebaseFirestore.instance.collection('orderac_web');
+
+  void getHomePage() {
+    collectionReferenceToOrderacWeb.doc('home_page').get().then((value) {
+      var fields = value.data();
+      setState(() {
+        tagline = fields['tagline'];
+        pitch = fields['pitch'];
+        playstoreLink = fields['playstore'];
+      });
+    });
+  }
+
+  void getLayer1() {
+    collectionReferenceToOrderacWeb.doc('layer1').get().then((value) {
+      var fields = value.data();
+      setState(() {
+        titleLayer1 = fields['title'];
+        detailsLayer1 = fields['details'];
+        imageLayer1 = fields['image'];
+      });
+    });
+  }
+
+  void getLayer2() {
+    collectionReferenceToOrderacWeb.doc('layer2').get().then((value) {
+      var fields = value.data();
+      setState(() {
+        titleLayer2 = fields['title'];
+        detailsLayer2 = fields['details'];
+        imageLayer2 = fields['image'];
+      });
+    });
+  }
+
+  void getLayer3() {
+    collectionReferenceToOrderacWeb.doc('layer3').get().then((value) {
+      var fields = value.data();
+      setState(() {
+        titleLayer3 = fields['title'];
+        detailsLayer3 = fields['details'];
+        imageLayer3 = fields['image'];
+      });
+    });
+  }
+
+  void getFooter() {
+    collectionReferenceToOrderacWeb.doc('footer').get().then((value) {
+      var fields = value.data();
+      setState(() {
+        footerText = fields['footer'];
+      });
+    });
+  }
+
+  @override
+  void initState() {
+    getHomePage();
+    getLayer1();
+    getLayer2();
+    getLayer3();
+    getFooter();
+    // getImages();
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    //* Break Points:
+    //* 1536 - max width
+    //* 1300 - first break
+
+    var screenWidth = MediaQuery.of(context).size.width;
+    print(screenWidth);
+
+    // if ((screenWidth < 1300) && (screenWidth >= 600)) {
+    //   return MediumHomeScreen(
+    //     tagline: tagline,
+    //     pitch: pitch,
+    //     playstoreLink: playstoreLink,
+    //     titleLayer1: titleLayer1,
+    //     detailsLayer1: detailsLayer1,
+    //     titleLayer2: titleLayer2,
+    //     detailsLayer2: detailsLayer2,
+    //     titleLayer3: titleLayer3,
+    //     detailsLayer3: detailsLayer3,
+    //     footerText: footerText,
+    //   );
+    // } else if (screenWidth < 600) {
+    //   return SmallHomeScreen(
+    //     tagline: tagline,
+    //     pitch: pitch,
+    //     playstoreLink: playstoreLink,
+    //     titleLayer1: titleLayer1,
+    //     detailsLayer1: detailsLayer1,
+    //     titleLayer2: titleLayer2,
+    //     detailsLayer2: detailsLayer2,
+    //     titleLayer3: titleLayer3,
+    //     detailsLayer3: detailsLayer3,
+    //     footerText: footerText,
+    //   );
+    // }
+
+    return LargeHomeScreen(
+      tagline: tagline,
+      pitch: pitch,
+      playstoreLink: playstoreLink,
+      titleLayer1: titleLayer1,
+      detailsLayer1: detailsLayer1,
+      titleLayer2: titleLayer2,
+      detailsLayer2: detailsLayer2,
+      titleLayer3: titleLayer3,
+      detailsLayer3: detailsLayer3,
+      footerText: footerText,
+    );
+  }
+}