Skip to content

Instantly share code, notes, and snippets.

View MelodicCrypter's full-sized avatar

Hugh Caluscusin MelodicCrypter

View GitHub Profile
@MelodicCrypter
MelodicCrypter / upload-stream-video.js
Created August 19, 2019 06:38
A NodeJS sample for uploading videos and then streaming the video with range feature. Multiparty is a NPM module for uploading file in Node.
const { createServer } = require('http');
const { promisify } = require('util');
const multiparty = require('multiparty');
const {
stat,
createReadStream,
createWriteStream
} = require('fs');
const file = __dirname+'/powder-day.mp4';
@MelodicCrypter
MelodicCrypter / create-append-node.js
Created August 19, 2019 08:25
Two utilities that will create node and append node to that parent node you just created. I've seen these somewhere else so I just shared to you as well.
// Utility for creating Nodes
export const createNode = element => {
return document.createElement(element);
};
// Utility for appending node to parent Node
export const appendNode = (parent, el) => {
return parent.appendChild(el);
};
@MelodicCrypter
MelodicCrypter / common.gitignore
Last active December 6, 2019 13:12
Common gitignore stuffs that I have already generated using GitIgnore.io API. Included are Git, Node, React, React Native, MacOS, Windows, WebStorm, PhpStorm, JetBrains, and SublimeText.
# Created by https://www.gitignore.io/api/git,node,react,macos,windows,webstorm,phpstorm,jetbrains,reactnative,sublimetext
# Edit at https://www.gitignore.io/?templates=git,node,react,macos,windows,webstorm,phpstorm,jetbrains,reactnative,sublimetext
### Git ###
# Created by git for backups. To disable backups in Git:
# $ git config --global mergetool.keepBackup false
*.orig
# Created by git when using merge tools for conflicts
*.BACKUP.*
@MelodicCrypter
MelodicCrypter / .eslintignore
Last active September 14, 2020 03:59
Common Dev Dependencies and Their Configurations (ESLint and Prettier). Check all four files inside this gist. TL-DR: yarn add -D babel-eslint babel-plugin-module-resolver eslint eslint-config-airbnb eslint-config-prettier eslint-plugin-import eslint-plugin-prettier eslint-plugin-react eslint-plugin-react-hooks gatsby-plugin-eslint eslint-loader…
node_modules
.next
@MelodicCrypter
MelodicCrypter / next.config.js
Last active February 13, 2020 07:58
Using Bulma, Sass and Image Optimization with NextJS configuration.
const withPlugins = require('next-compose-plugins');
const optimizedImages = require('next-optimized-images');
const withSass = require('@zeit/next-sass');
const withCSS = require('@zeit/next-css');
const nextConfig = {
webpack(config, options) {
config.module.rules.push({
test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
use: {
@MelodicCrypter
MelodicCrypter / _app.js
Created February 13, 2020 16:17
Setting up ApolloClient and custom _app setting for NextJS.
import React from 'react';
import App from 'next/app';
import { ApolloProvider } from '@apollo/react-hooks';
// Bulma
import '../../public/sass/main.scss';
// Components and Utils
import withApollo from '../lib/withApollo';
@MelodicCrypter
MelodicCrypter / existing-repo.txt
Created February 14, 2020 14:47
Adding local repo to existing remote repository.
git remote add origin remote repository URL
git remote -v
git push -u origin master
@MelodicCrypter
MelodicCrypter / .babelrc
Last active March 10, 2020 08:13
Common development setup for NodeJS projects: Babel, ESLint, Prettier, etc.
{
"presets": [
"@babel/preset-env"
]
}
@MelodicCrypter
MelodicCrypter / .eslintignore
Last active March 30, 2020 04:16
Common development setup for React => Babel, ESLint and Prettier (with or without Flow).
# dependencies
/node_modules
# testing
/coverage
# production
/build
# misc
@MelodicCrypter
MelodicCrypter / .eslintignore
Last active February 5, 2022 08:27
Starter settings for React (Web or Native) with TypeScript, ESLint, Prettier, and Apollo. Also, GraphQL, Bulma and Webfont Loader are included.
# dependencies
/node_modules
# testing
/coverage
# production
build/*
build