kimko_auth 1.0.1 
kimko_auth: ^1.0.1 copied to clipboard
Authentication for HNG game Apps
example/lib/main.dart
import 'package:flutter/material.dart';
import 'dart:async';
import 'package:kimko_auth/kimko_auth.dart';
KimkoAuth kimkoAuth = KimkoAuth();
Future<void> main() async {
WidgetsFlutterBinding.ensureInitialized();
await KimkoAuth.initialize(teamId: 'team-test');
runApp(const MyApp());
}
class MyApp extends StatefulWidget {
const MyApp({super.key});
@override
State<MyApp> createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: "KIMIKO AUTH",
theme: ThemeData.light(useMaterial3: true).copyWith(
primaryColor: const Color(0xFF6E2222),
colorScheme: const ColorScheme.light(
primary: Color(0xFF6E2222),
secondary: Color(0xFFF0EBEB),
onPrimary: Color(0xFFCCBCBC),
brightness: Brightness.light,
),
scaffoldBackgroundColor: Colors.white.withOpacity(0.99)),
home: const LoginScreen(),
);
}
}
class LoginScreen extends StatefulWidget {
const LoginScreen({super.key});
@override
State<LoginScreen> createState() => _LoginScreenState();
}
class _LoginScreenState extends State<LoginScreen> {
final formKey = GlobalKey<FormState>();
bool _isLoggedIn = false;
onChanged(String? val) {
setState(() {
formKey.currentState!.validate();
});
}
bool _isLoading = false;
startLoading() {
setState(() {
_isLoading = true;
});
}
stopLoading() {
setState(() {
_isLoading = false;
});
}
TextEditingController emailController = TextEditingController();
TextEditingController passwordController = TextEditingController();
Future<void> signIn(BuildContext context) async {
startLoading();
try {
var res = await kimkoAuth.signIn(
email: emailController.text.trim(),
password: passwordController.text.trim());
print(res.data);
setState(() {
_isLoggedIn = true;
});
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text(
"Login Successful",
style: TextStyle(color: Colors.white, fontWeight: FontWeight.w700),
),
backgroundColor: Colors.black,
),
);
} on KimikoException catch (e) {
setState(() {
_isLoggedIn = false;
});
print('Kimiko ${e.error}');
errorSnack(e.error.toString());
} catch (e) {
print("Another error $e");
setState(() {
_isLoggedIn = false;
});
errorSnack(e.toString());
}
stopLoading();
}
Future<void> logOut() async {
startLoading();
try {
var res = await kimkoAuth.logOut();
print(res.data);
setState(() {
_isLoggedIn = false;
user = {};
});
} on KimikoException catch (e) {
setState(() {
user = {};
_isLoggedIn = true;
});
print('Kimiko ${e.error}');
errorSnack(e.error.toString());
} catch (e) {
print("Another error $e");
setState(() {
_isLoggedIn = true;
});
errorSnack(e.toString());
}
stopLoading();
}
Map<String, dynamic> user = {};
Future<void> getSavedUser() async {
try {
var res = await kimkoAuth.getLoggedInUser();
print(res.data);
setState(() {
user = res.data;
});
} on KimikoException catch (e) {
print('Kimiko ${e.error}');
errorSnack(e.error.toString());
} catch (e) {
print("Another error $e");
errorSnack(e.toString());
}
}
Future<void> getUser() async {
startLoading();
try {
var res = await kimkoAuth.getUser();
if(res.data!=null){
setState(() {
user = res.data;
});
}
} on KimikoException catch (e) {
print('Kimiko ${e.error}');
errorSnack(e.error.toString());
} catch (e) {
print("Another error $e");
errorSnack(e.toString());
}
stopLoading();
}
errorSnack(String text){
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(
text,
style: const TextStyle(
color: Colors.white,
fontWeight: FontWeight.w700),
),
backgroundColor: Colors.red,
),
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(_isLoggedIn?'User Page': "Login Page"),
),
body: Stack(
children: [
!_isLoggedIn?
Form(
key: formKey,
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
children: [
Expanded(
child: ListView(
children: [
TextFormField(
controller: emailController,
decoration: const InputDecoration(
labelText: "Email Address",
border: OutlineInputBorder()),
keyboardType: TextInputType.emailAddress,
autofillHints: const [AutofillHints.email],
onChanged: onChanged,
validator: (v) {
if (v == null || v.isEmpty) {
return "Email cannot be empty";
}
return null;
},
),
const SizedBox(
height: 16,
),
TextFormField(
controller: passwordController,
obscureText: true,
onChanged: onChanged,
decoration: const InputDecoration(
labelText: "Password",
border: OutlineInputBorder()),
validator: (v) {
if (v == null || v.isEmpty) {
return "Password cannot be empty";
}
return null;
},
keyboardType: TextInputType.visiblePassword,
),
OutlinedButton(
onPressed: () {
if (formKey.currentState?.validate() != true) {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text(
"All fields must be filled to proceed",
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.w700),
),
backgroundColor: Colors.black,
),
);
} else {
signIn(context);
}
},
child: const Text("Submit"),
),
const SizedBox(
height: 16,
),
],
),
),
const SizedBox(
height: 30,
),
InkWell(
onTap: () {
Navigator.of(context).pushReplacement(MaterialPageRoute(
builder: (_) => const SignUpScreen()));
},
child: Text(
"Go to Sign up",
style: TextStyle(color: Theme.of(context).primaryColor),
),
),
const SizedBox(
height: 30,
)
],
),
),
):
Padding(
padding: const EdgeInsets.all(16.0),
child: ListView(
children: [
user.isNotEmpty?
// Column()
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
height: 300,
width: 300,
decoration: BoxDecoration(
image: DecorationImage(
image: NetworkImage(user["avatar_url"])
)
),
),
const SizedBox(height: 16,),
UserDetails(
title: "Name",
body: "${user["first_name"]}",
),
UserDetails(
title: "Email",
body: user["email"],
),
],
):
Column(
children: [
OutlinedButton(
onPressed: () async {
await getSavedUser();
},
child: const Text("Get Stored User")),
OutlinedButton(
onPressed: () async {
await getUser();
},
child: const Text("Get User")),
],
),
const SizedBox(height: 10,),
OutlinedButton(
onPressed: logOut,
child: const Text("Logout")),
],
),
),
if (_isLoading) const LoaderScreen()
],
),
);
}
}
class UserDetails extends StatelessWidget {
final String title;
final String body;
const UserDetails({
super.key, required this.title, required this.body,
});
@override
Widget build(BuildContext context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text("$title:"),
Text(body, style: TextStyle(fontWeight: FontWeight.w600, fontSize: 16),),
SizedBox(height: 10,)
],
);
}
}
class SignUpScreen extends StatefulWidget {
const SignUpScreen({super.key});
@override
State<SignUpScreen> createState() => _SignUpScreenState();
}
class _SignUpScreenState extends State<SignUpScreen> {
TextEditingController emailController = TextEditingController();
TextEditingController passwordController = TextEditingController();
TextEditingController fNameController = TextEditingController();
TextEditingController lNameController = TextEditingController();
TextEditingController userNameController = TextEditingController();
final formKey = GlobalKey<FormState>();
Future<void> signUp() async {
startLoading();
try {
var res = await kimkoAuth.signup(
username: userNameController.text.trim(),
email: emailController.text.trim(),
password: passwordController.text.trim(),
firstName: fNameController.text.trim(),
lastName: lNameController.text.trim());
print(res.data);
print(res.statusCode);
stopLoading();
Navigator.of(context).pushReplacement(
MaterialPageRoute(builder: (_) => const LoginScreen()));
} on KimikoException catch (e) {
print('Kimiko ${e.error}');
stopLoading();
} catch (e) {
print("Another error $e");
stopLoading();
}
}
bool _isLoading = false;
startLoading() {
setState(() {
_isLoading = true;
});
}
stopLoading() {
setState(() {
_isLoading = false;
});
}
onChanged(String? val) {
setState(() {
formKey.currentState!.validate();
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Sign Up page'),
),
body: Stack(
children: [
Form(
key: formKey,
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
children: [
Expanded(
child: ListView(
children: [
TextFormField(
controller: fNameController,
decoration: const InputDecoration(
labelText: "First Name",
border: OutlineInputBorder()),
keyboardType: TextInputType.name,
autofillHints: const [
AutofillHints.givenName,
AutofillHints.name
],
validator: (v) {
if (v == null || v.isEmpty) {
return "First name cannot be empty";
}
return null;
},
onChanged: onChanged,
),
const SizedBox(
height: 16,
),
TextFormField(
controller: lNameController,
decoration: const InputDecoration(
labelText: "Last Name",
border: OutlineInputBorder()),
keyboardType: TextInputType.name,
autofillHints: const [
AutofillHints.familyName,
AutofillHints.name
],
onChanged: onChanged,
validator: (v) {
if (v == null || v.isEmpty) {
return "Last name cannot be empty";
}
return null;
},
),
const SizedBox(
height: 16,
),
TextFormField(
controller: userNameController,
decoration: const InputDecoration(
labelText: "Username",
border: OutlineInputBorder()),
keyboardType: TextInputType.name,
autofillHints: const [AutofillHints.username],
onChanged: onChanged,
validator: (v) {
if (v == null || v.isEmpty) {
return "username cannot be empty";
}
return null;
},
),
const SizedBox(
height: 16,
),
TextFormField(
controller: emailController,
decoration: const InputDecoration(
labelText: "Email Address",
border: OutlineInputBorder()),
keyboardType: TextInputType.emailAddress,
autofillHints: const [AutofillHints.email],
onChanged: onChanged,
validator: (v) {
if (v == null || v.isEmpty) {
return "Email cannot be empty";
}
return null;
},
),
const SizedBox(
height: 16,
),
TextFormField(
controller: passwordController,
obscureText: true,
onChanged: onChanged,
decoration: const InputDecoration(
labelText: "Password",
border: OutlineInputBorder()),
validator: (v) {
if (v == null || v.isEmpty) {
return "Password cannot be empty";
}
return null;
},
keyboardType: TextInputType.visiblePassword,
),
const SizedBox(
height: 16,
),
ElevatedButton(
onPressed: () {
if (formKey.currentState?.validate() != true) {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text(
"All fields must be filled to proceed",
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.w700),
),
backgroundColor: Colors.black54,
),
);
} else {
signUp();
}
},
child: const Text("Submit"),
),
const SizedBox(
height: 16,
),
],
),
),
const SizedBox(
height: 30,
),
InkWell(
onTap: () {
Navigator.of(context).pushReplacement(MaterialPageRoute(
builder: (_) => const LoginScreen()));
},
child: Text(
"Go to Login",
style: TextStyle(color: Theme.of(context).primaryColor),
),
),
const SizedBox(
height: 30,
)
],
),
),
),
if (_isLoading) const LoaderScreen()
],
),
);
}
}
class LoaderScreen extends StatelessWidget {
const LoaderScreen({super.key});
@override
Widget build(BuildContext context) {
return Container(
height: MediaQuery.of(context).size.height,
width: MediaQuery.of(context).size.width,
color: Colors.white.withOpacity(0.5),
alignment: Alignment.center,
child: const CircularProgressIndicator(),
);
}
}Metadata
0
likes
0
points
13
downloads
Publisher
unverified uploader
Weekly Downloads
Metadata
Authentication for HNG game Apps
Repository (GitHub)
View/report issues
License
unknown (license)
Dependencies
dio, flutter, get_storage, package_info_plus, plugin_platform_interface
More
Packages that depend on kimko_auth
Packages that implement kimko_auth
