Skip to content

Instantly share code, notes, and snippets.

View khriztianmoreno's full-sized avatar
👨‍💻
Frontend Developer

Khriztian Moreno khriztianmoreno

👨‍💻
Frontend Developer
337 followers · 33 following
View GitHub Profile
@khriztianmoreno
khriztianmoreno / db.json
Created May 21, 2019 02:14
JSON SERVER
{
"users": [
{
"id": "5ce33177621edd2257f63825",
"index": 0,
"guid": "c9e5b079-45a9-458b-bfa2-f9bf869ecb33",
"isActive": true,
"balance": "$3,024.85",
"picture": "http://placehold.it/32x32",
"age": 38,
@khriztianmoreno
khriztianmoreno / index.html
Created May 18, 2019 16:21
Netlify proxy demo
<!DOCTYPE html>
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta property="fb:pages" content="171280749364" />
<meta property="fb:app_id" content="853965771414513" />
<link rel="publisher" href="https://plus.google.com/115050330500575074656" />
<link rel="dns-prefetch" href="https://www.elpais.com.co">
<link rel="dns-prefetch" href="https://sso.elpais.com.co/">
@khriztianmoreno
khriztianmoreno / README.md
Last active May 5, 2019 22:03
Design Systems with React and Storybook

Design Systems with React and Storybook

In this talk, we will learn how to set up all the necessary infrastructure to build a Design System of reusable React components, with state of the art developer experience afforded by Storybook.

A design system is a series of components that can be reused in different combinations. Design systems allow you to manage design at scale. Design Systems can be a significant productivity multiplier in any medium-to-large project or company because you can document our components as you develop them, ensure a consistent look and feel throughout all our screens, and have a seamless workflow between designers and developers.

Head to designsystemsrepo.com and you can see Design Systems used by some of the biggest companies and strongest brands from Priceline, Apple, IBM, Wework, Github, and even the US Government. Design Systems can be a significant productivity multiplier in any medium-to-large project or company because you can document ou

@khriztianmoreno
khriztianmoreno / scroll-to.js
Created June 5, 2018 20:53
ScrollTo
export default (window, document) => {
// easing functions http://goo.gl/5HLl8
Math.easeInOutQuad = (t, b, c, d) => {
t /= d / 2
if (t < 1) {
return c / 2 * t * t + b
}
t--
return -c / 2 * (t * (t - 2) - 1) + b
}
@khriztianmoreno
khriztianmoreno / guide.md
Created April 16, 2018 20:58
Create simple config for React project

React Simple Config

Create React App es una muy buena alternativa cuando queremos empezar un nuevo proyecto, para la mayoría de estos, nos basta con la configuración inicial de esta herramienta. Pero si queremos una aplicación más simple, o si queremos tener una configuración más personalizada, debemos conocer cómo configurar nuestro proyecto.

Primeros pasos

Lo primero que debemos hacer es crear una nueva carpeta donde vamos a crear nuestro proyecto, he iniciar nuestra aplicación con npm init y responder a las preguntas que se nos muestran en consola, si queremos obviar estas preguntas ejecutamos npm init -y.

his utility will walk you through creating a package.json file.
@khriztianmoreno
khriztianmoreno / README.md
Created February 16, 2018 03:39
Sequelize + Express + Migrations + Seed Starter
@khriztianmoreno
khriztianmoreno / go.md
Created January 24, 2018 21:23
the-little-go-book

Sobre este Libro

Licencia

El Pequeño Libro de Go (The Little Go Book) posee una licencia Attribution-NonCommercial-ShareAlike 4.0 Internacional. No deberías haber pagado por este libro.

Eres libre de copiar, distribuir, modificar o mostrar el libro. Sin embargo, te pido que siempre me atribuyas la autoría del libro a mí, Karl Seguin, y la traducción a Raúl Expósito, y que no lo utilices con fines comerciales.

Puedes leer el texto completo de la licencia en:

@khriztianmoreno
khriztianmoreno / regimen.md
Created November 27, 2017 15:34
This is my daily regimen

Regimen

5:45 am: Wake up

  • Put your head up
  • Put the headphones on to remain awake

6:00 am: Abs (8 min)

  • Take a cold shower afterwards
@khriztianmoreno
khriztianmoreno / file.md
Created November 3, 2017 21:18
file

hello world

npm install --save nuxt

Negrita

@khriztianmoreno
khriztianmoreno / talk-nodeJS-medellin.md
Last active May 21, 2019 17:12
Talk: Estructurando la base de nuestro proyecto

Cada aplicación necesita ajustes de configuración y la mayoría de los lenguajes de programación / ecosistemas tiene algún tipo de soporte y convención por defecto para él.

  • La mayoría de las aplicaciones Java se basan en archivos .properties;
  • .Net tiene sus archivos estándar app.config y web.config;
  • Ruby on Rails carga la configuración desde config/application.rb, Initializers and After-initializers;
  • Node.js no tiene una forma estándar de administrar estos ajustes, pero hay muchas opciones disponibles.

Tabla de Contenido

  1. Overview
  2. Init