Skip to content

Instantly share code, notes, and snippets.

View Umoren's full-sized avatar
🏠
Working from home

sammy. Umoren

🏠
Working from home
View GitHub Profile
@Umoren
Umoren / CreateBeneficiaryForm.tsx
Last active September 19, 2023 11:50
Gig Payment App - src/payment-methods/index.tsx
import { useState } from 'react';
import { useForm } from 'react-hook-form';
import { createBeneficiary } from '@/utils/api';
type FormData = {
first_name: string;
last_name: string;
bank_name: string;
account_number: string;
category: string;
Description: Root Stack for AWS Amplify Console
AWSTemplateFormatVersion: 2010-09-09
Parameters:
DeploymentBucketName:
Type: String
Default: DeploymentBucket
Description: Name of the common deployment bucket provided by the parent stack
AuthRoleName:
Type: String
Default: AuthRoleName
@Umoren
Umoren / catfishly.jsonl
Created April 16, 2023 19:32
Catfish Farming QnA dataset
{"Category":"Pond Management","Question":"What is the recommended pond depth for catfish farming?","Answer":"The recommended pond depth for catfish farming ranges from 3 to 8 feet, with an average depth of 4 to 5 feet to ensure optimal growth and ease of management."}
{"Category":"Pond Management","Question":"How do I maintain proper pond water levels?","Answer":"Maintain proper pond water levels by regularly monitoring the water level and adding fresh water as needed to compensate for evaporation, seepage, or rainfall-induced overflow."}
{"Category":"Pond Management","Question":"What type of pond aeration is suitable for catfish farming?","Answer":"Paddlewheel aerators and diffused air systems are commonly used for catfish farming, as they effectively increase dissolved oxygen levels, improve water circulation, and prevent stratification."}
{"Category":"Pond Management","Question":"How often should I remove pond sludge?","Answer":"Pond sludge should be removed every 2-3 years or when the accumulated sludge l
@Umoren
Umoren / ModalComponent.vue
Created March 24, 2023 01:40
Custom Vue Promise Based Modal
<!-- CustomDialog.vue -->
<template>
<div v-if="visible" class="dialog-overlay">
<div class="dialog">
<h1>{{ title }}</h1>
<p>{{ message }}</p>
<button @click="confirm">Confirm</button>
<button @click="cancel">Cancel</button>
</div>
</div>
Vue is a powerful progressive frontend framework for building great user interfaces. It has one of the best local development experiences there is among frontend frameworks. They’re situations where you have production-only bugs because you have to integrate services or APIs, and when you add all of this to your local development environment it gets ‘tacky’, impossible to manage, destructive…
This post will show you how to build a Vue application with a production-like development environment using Okteto Cloud.
### Outline
- Introduction
- Understand the Problem
- Accept Okteto as the solution
- Set up a remote development environment using Okteto CLI
- Develop a simple CRUD app with Vue + Express API
- Deploy an application with Okteto Build and Registry Services
@Umoren
Umoren / gist:f383e345f8f68cfdd525ce9e6adc5af3
Created October 21, 2020 11:13
Link of Product page GraphCMS images
Unisex Long Sleeve : https://media.graphcms.com/HX33kVMwT7ePfWPOycoW
Snapback cap: https://media.graphcms.com/8tUVUaUYSi2wKVtYfEHP
Unisex Zip Hoodie: https://media.graphcms.com/2EpuZeZCTlSl7OHYp1G7
Mug: https://media.graphcms.com/N2GlMpBSMnFCtv2NQA9g
Short Sleeve Tee: https://media.graphcms.com/6uPat2e2SKM1KWwrzp1Q
Tote bag: https://media.graphcms.com/QeHJNBwhTKO8d4rdKxbJ
Backpack: https://media.graphcms.com/burTqJpkSoix59lvFe7e
Unisex Long Sleeve Tee - Logomark: https://media.graphcms.com/74aKFYilSpGFLdti1PON
Short Sleeve Tee - Logomark: https://media.graphcms.com/lnQcI0iQzWJvvXb68IVQ
Pillow: https://media.graphcms.com/APR1vB2WTJK9UxvHxzwZ
@Umoren
Umoren / two-way-binding.js
Created August 20, 2019 09:47 — forked from straker/two-way-binding.js
Simple and small two-way data binding between DOM and data
/**
* @param {object} scope - Object that all bound data will be attached to.
*/
function twoWayBind(scope) {
// a list of all bindings used in the DOM
// @example
// { 'person.name': [<input type="text" data-bind="person.name"/>] }
var bindings = {};
// each bindings old value to be compared for changes