Forem: SUNDARAVEL

Flutter Firebase Chat App

SUNDARAVEL — Mon, 29 Jun 2020 06:48:10 +0000

Here is an inspiration for your next Chat App

Credit: https://mythemebox.com/template/flutter-chat-app/

Flutter Chat App Screenshot

Flutter Quiz App

SUNDARAVEL — Tue, 10 Mar 2020 06:10:47 +0000

Hey Everyone,

I have created a complete quiz app with Flutter (Android & iOS) with Laravel (PHP & MySQL) backend

Link: https://mythemebox.com/template/flutter-quiz-app-with-backend/

App Screens

Home Screen
Topics wise or category wise
Quiz Page / Questions page
Text and Image-based Quiz
Progress Indicator
Results page with Chart
Detailed Report for Quiz took
Social Sharing for scores

Admin Panel Screen

User Authentication / Admin login & Register
Manage Questions (CRUD) with Tags
Tags wise search
Pagination
Manage Topics / Categories
Settings Page

Credits: https://mythemebox.com/template/flutter-quiz-app-with-backend/

Flutter Quiz App

SUNDARAVEL — Thu, 22 Aug 2019 05:14:11 +0000

Flutter Quiz App with Backend helps you to create and run Android and iOS Apps using Flutter & PHP, MySQL backend (Laravel based). It includes the Text & Image-based Quiz, Reports Page and more

ORIGINAL: https://codesundar.com/downloads/flutter-quiz-app-with-backend/

Quiz App Features

App Screen

Home Screen
Topics wise or category wise
Pick Number of Questions
Quiz Page / Questions page
Text and Image-based Quiz
Progress Indicator
Results page with Chart
Detailed Report for Quiz took
Social Sharing for scores

Admin Panel Screen

User Authentication / Admin login & Register
Manage Questions (CRUD) with Tags
Tags wise search
Pagination
Manage Topics / Categories
Settings Page

Google Authentication with Flutter

SUNDARAVEL — Mon, 24 Jun 2019 09:50:46 +0000

Originally Published : How implement google login with Flutter

video Tutorial

Add google_sign_in dependcies in pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  google_sign_in: ^4.0.2

Update your main.dart as follows

import 'package:flutter/material.dart';
import 'package:google_sign_in/google_sign_in.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return _MyAppState();
  }
}

class _MyAppState extends State<MyApp> {
  bool _isLoggedIn = false;

  GoogleSignIn _googleSignIn = GoogleSignIn(scopes: ['email']);

  _login() async{
    try{
      await _googleSignIn.signIn();
      setState(() {
        _isLoggedIn = true;
      });
    } catch (err){
      print(err);
    }
  }

  _logout(){
    _googleSignIn.signOut();
    setState(() {
      _isLoggedIn = false;
    });
  }

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home: Scaffold(
        body: Center(
            child: _isLoggedIn
                ? Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      Image.network(_googleSignIn.currentUser.photoUrl, height: 50.0, width: 50.0,),
                      Text(_googleSignIn.currentUser.displayName),
                      OutlineButton( child: Text("Logout"), onPressed: (){
                        _logout();
                      },)
                    ],
                  )
                : Center(
                    child: OutlineButton(
                      child: Text("Login with Google"),
                      onPressed: () {
                        _login();
                      },
                    ),
                  )),
      ),
    );
  }
}