Software engineer steveyerigandev

Software engineer, A clever person solves a problem. A wise person avoids it.

steveyerigandev / dashboard.vue

Created November 25, 2021 01:14

Vue-Tailwind CSS Code Snippet from MapPWA

	<template>
	<div class="bg-cover bg-center relative w-full xl:px-20 px-5 xl:pt-16 xl:pb-20 pt-10">

	<a v-on:click="choosePlan(plan)">
	<button class="py-4 w-full font-poppins text-white font-semibold bg-crail">
	Last
	</button>
	</a>
	<a v-on:click="hi1()">
	<button class="py-4 w-full font-poppins text-white font-semibold bg-crail">

steveyerigandev / nuxt.config.js

Created September 14, 2021 02:25

Nuxt.js - the best approach to optimize the webpage ( using purgeCSS, splitchunk, cache, offline )

steveyerigandev / quickBooks_api.js

Created September 3, 2021 21:13

Quickbooks API in React.js

	import React from 'react'

	class QuickBooks extends React.Component {
	constructor(props){
	super(props);

	window.intuit.ipp.anywhere.setup({
	grantUrl: 'http://www.mycompany.com/HelloWorld/RequestTokenServlet',
	datasources: {
	quickbooks : true,

steveyerigandev / redux_graphQL.js

Created September 2, 2021 15:36

Redux-GraphQL Boilerplate

	import { someMethod } from 'utils/graphql';

	// Actions
	const REQUEST = 'path/to/REQUEST';
	const REQUEST_SUCCESS = 'path/to/REQUEST_SUCCESS';
	const REQUEST_FAIL = 'path/to/REQUEST_FAIL';

	// Reducer
	const initialState = {
	requesting: false,

steveyerigandev / D3-Chart.js

Last active September 2, 2021 15:39

Data vis - Chart (D3.js and React)

	export default function define(runtime, observer) {
	const main = runtime.module();
	main.variable(observer()).define(["md"], function(md){return(
	md`# Stock Chart`
	)});
	main.variable(observer("chart")).define("chart", ["d3","width","height","margin","rectColor","rectHeight","chartData","x","y","lineColor","yLine","line","hoverScale","dateFormat","priceFormat","apyFormat"], function(d3,width,height,margin,rectColor,rectHeight,chartData,x,y,lineColor,yLine,line,hoverScale,dateFormat,priceFormat,apyFormat)
	{
	let svg = d3
	.create("svg")
	.attr("viewBox", [0, 0, width, height])

steveyerigandev / pwa-serviceworker.js

Created September 2, 2021 15:28

Vue PWA ServiceWorker (Offline and Cache)

	/*
	* @license
	* steveyerigan.com
	* Copyright 2021 Inc. All rights reserved.
	*
	*/

	var dataCacheName = 'steve-pwa';
	var cacheName = 'steve-pwa';

steveyerigandev / NotificationsDropdown.js

Last active September 2, 2021 15:21

React Functional Component - NotificationsDropdown (using styled components)

	import React, { useEffect } from "react";
	import styled from "styled-components";
	import NavDropdown from "react-bootstrap/NavDropdown";
	import {
	listNotifications,
	partialUpdateNotifications,
	} from "features/notifications/thunks";
	import bellIcon from "images/bell.svg";
	import { useDispatch, useSelector } from "react-redux";
	import { useToasts } from "react-toast-notifications";