Skip to content

Instantly share code, notes, and snippets.

Avatar

Ferri Sutanto ghprod

  • Purwokerto, Indonesia
View GitHub Profile
@rappasoft
rappasoft / laravel-livewire-tables-demo-table.php
Last active Sep 7, 2021
Laravel Livewire Tables Demo Table Source
View laravel-livewire-tables-demo-table.php
<?php
namespace App\Http\Livewire;
use App\Models\User;
use Rappasoft\LaravelLivewireTables\DataTableComponent;
use Rappasoft\LaravelLivewireTables\Views\Column;
use Rappasoft\LaravelLivewireTables\Views\Filter;
class UsersTable extends DataTableComponent
@roipeker
roipeker / bmi.dart
Last active Jun 16, 2021
BMI Calculator clone with GetX (+ Theme modes)
View bmi.dart
import 'dart:async';
import 'dart:math' as math;
import 'dart:ui';
import 'package:flutter/cupertino.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_icons/flutter_icons.dart';
import 'package:get/get.dart';
@CodingDoug
CodingDoug / README.md
Last active Nov 21, 2020
Patterns for security with Firebase Authentication: offload work to Cloud Functions
View README.md

This is the runnable sample code from the blog post [Patterns for security with Firebase Authentication: offload work to Cloud Functions][1]. It discusses offloading work from a client app to Cloud Functions using an authentication trigger.

  1. Create a new Firebase project
  2. Enable email/password authentication
  3. Provision Cloud Firestore and apply the rules given in this gist
  4. Use the Firebase CLI to create a workspace for Functions using TypeScript
  5. Deploy the given HTML and JavaScript to Firebase Hosting (the CLI emulator will also work).
  6. Deploy the function code to Cloud Functions using the Firebase CLI
@smkhalsa
smkhalsa / fade_on_scroll.dart
Last active Jan 14, 2021
A Widget that automatically fades its child based on scroll position
View fade_on_scroll.dart
import 'package:flutter/material.dart';
class FadeOnScroll extends StatefulWidget {
final ScrollController scrollController;
final double zeroOpacityOffset;
final double fullOpacityOffset;
final Widget child;
FadeOnScroll(
{Key key,
@PetreaLoredana
PetreaLoredana / main.dart
Last active Aug 8, 2021
This code generates a screen with a custom bidirectional and infinite scrollable PageView in Flutter. Replace your own assets names. More details can be found on Medium. https://medium.com/p/dfff43649c23/edit
View main.dart
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
void main() => runApp(CustomPageViewApp());
class CustomPageViewApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
SystemChrome.setPreferredOrientations([
DeviceOrientation.portraitUp,
@MarcinusX
MarcinusX / main.dart
Created Mar 21, 2019
Ripple effect transition
View main.dart
import 'package:flutter/material.dart';
import 'package:rect_getter/rect_getter.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Fab overlay transition',
@b-cancel
b-cancel / main.dart
Last active May 12, 2021
FLUTTER => Overriding Back Button in Flutter
View main.dart
import 'package:flutter/material.dart';
import 'dart:async';
void main() => runApp(new BackButtonOverrideDemoWidget());
class BackButtonOverrideDemoWidget extends StatefulWidget{
@override
_BackButtonOverrideDemoWidgetState createState() => new _BackButtonOverrideDemoWidgetState();
}
@jeffochoa
jeffochoa / Errors.js
Last active Feb 9, 2021
Vue Form and Error validator (Laracasts)
View Errors.js
class Errors {
/**
* Create a new Errors instance.
*/
constructor() {
this.errors = {};
}
/**
@luyx2412
luyx2412 / google-drive.js
Last active Jul 14, 2021
React native login google, and google drive. Save storage and get again data when uninstall app.
View google-drive.js
/**
* Google Drive
* created by luyxtran264@gmail.com
*/
import React, { Component } from 'react';
import {
Platform,
StyleSheet,
Text,
@andrewdelprete
andrewdelprete / webpack.config.js
Last active Jul 2, 2021
Webpack: Tailwind CSS + PurgeCSS Example
View webpack.config.js
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const path = require("path");
const glob = require("glob-all");
const PurgecssPlugin = require("purgecss-webpack-plugin");
/**
* Custom PurgeCSS Extractor
* https://github.com/FullHuman/purgecss
* https://github.com/FullHuman/purgecss-webpack-plugin
*/