huder522’s gists

huder522 / Navbar.js

Created April 27, 2022 01:53 — forked from Klerith/Navbar.js

Un NavBar de Bootstrap rápido para el curso de React de cero a experto

	import React from 'react'
	import { Link, NavLink } from 'react-router-dom'

	export const Navbar = () => {
	return (
	<nav className="navbar navbar-expand-sm navbar-dark bg-dark">

	<Link
	className="navbar-brand"
	to="/"

huder522 / MongoID-regexp.ts

Created April 27, 2022 01:53 — forked from Klerith/MongoID-regexp.ts

MongoID - RegExp

const checkMongoIDRegExp = new RegExp("^[0-9a-fA-F]{24}$");

huder522 / EventModal.js

Created April 27, 2022 01:53 — forked from Klerith/EventModal.js

Contenido HTML del Modal

	<h1> Nuevo evento </h1>
	<hr />
	<form className="container">

	<div className="form-group">
	<label>Fecha y hora inicio</label>
	<input className="form-control" placeholder="Fecha inicio" />
	</div>

	<div className="form-group">

huder522 / modal.css

Created April 27, 2022 01:52 — forked from Klerith/modal.css

React Modal Styles

huder522 / calendar-messages-es.js

Created April 27, 2022 01:52 — forked from Klerith/calendar-messages-es.js

Big-Calendar - mensajes en español

huder522 / LoginScreen.js

Created April 27, 2022 01:52 — forked from Klerith/LoginScreen.js

Login-Template-MERN-Calendar

	import React from 'react';
	import './login.css';

	export const LoginScreen = () => {
	return (
	<div className="container login-container">
	<div className="row">
	<div className="col-md-6 login-form-1">
	<h3>Ingreso</h3>
	<form>

huder522 / parse-jwt.js

Created April 27, 2022 01:51 — forked from Klerith/parse-jwt.js

Parse - JWT - Obtener Payload y fecha de creación y expiración

	function parseJwt (token) {
	var base64Url = token.split('.')[1];
	var base64 = base64Url.replace('-', '+').replace('_', '/');
	return JSON.parse(window.atob(base64));
	};

huder522 / google-btn.html

Created April 27, 2022 01:51 — forked from Klerith/google-btn.html

Botón de Google

	<div
	className="google-btn"
	>
	<div className="google-icon-wrapper">
	<img className="google-icon" src="https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg" alt="google button" />
	</div>
	<p className="btn-text">
	<b>Sign in with google</b>
	</p>
	</div>

huder522 / helpHttp.js

Created April 27, 2022 01:50 — forked from jonmircha/helpHttp.js

Script que te permite simplificar peticiones HTTP con Fetch, esta escrita en VanillaJS por lo que puedes usarla con cualquier framework o librería

	export const helpHttp = () => {
	const customFetch = (endpoint, options) => {
	const defaultHeader = {
	accept: "application/json",
	};

	const controller = new AbortController();
	options.signal = controller.signal;

	options.method = options.method \|\| "GET";

	/* Modal */
	.ReactModalPortal > div{
	opacity: 0;
	}

	.ReactModalPortal .ReactModal__Overlay {
	align-items: center;
	display: flex;
	justify-content: center;
	transition: opacity .2s ease-in-out;

Huhrol Dergashev huder522