Skip to content

Instantly share code, notes, and snippets.

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

IMRAN KHAN strongSoda

🏠
Working from home
23 followers · 15 following
View GitHub Profile
@strongSoda
strongSoda / add-auth0-recipe.mdx
Created June 24, 2020 05:10 — forked from twclark0/add-auth0-recipe.mdx

Add Authentication with Auth0 to a Gatsby site

All the pieces of authentication are possible in Gatsby. Thanks to Auth0, setting it up doesn't have to be so cumbersome!

This setup comes straight from Auth0's official quick start for React.

The first step is installing the official Auth0 SDK for JavaScript from npm.

@strongSoda
strongSoda / speechRecognition.html
Created December 22, 2019 06:57
<!-- Code for tutorial: https://www.youtube.com/watch?v=4eIRrowvLRk -->
<!-- DevHoot Publication -->
<!-- Website: https://devhoot.ooo -->
<!-- Note: This code was produced by Imran Khan @DevHoot -->
<!-- If you find this useful consider subscribing to our YouTube channel and website -->
<!-- patreon Support: https://www.patreon.com/devhoot -->
<!DOCTYPE html>
<html lang="en">
<head>
@strongSoda
strongSoda / gist:b9259ffbbb3da6f6fb30e7a51fa29a6f
Created March 23, 2019 15:31 — forked from rxaviers/gist:7360908
Complete list of github markdown emoji markup

People

:bowtie: :bowtie: 😄 :smile: 😆 :laughing:
😊 :blush: 😃 :smiley: ☺️ :relaxed:
😏 :smirk: 😍 :heart_eyes: 😘 :kissing_heart:
😚 :kissing_closed_eyes: 😳 :flushed: 😌 :relieved:
😆 :satisfied: 😁 :grin: 😉 :wink:
😜 :stuck_out_tongue_winking_eye: 😝 :stuck_out_tongue_closed_eyes: 😀 :grinning:
😗 :kissing: 😙 :kissing_smiling_eyes: 😛 :stuck_out_tongue:
@strongSoda
strongSoda / Todo.js
Last active January 7, 2019 13:49
import React, { Component } from 'react';
import { Query } from "react-apollo";
import { getTodos } from './QuerygetTodos';
import { FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import { faSpinner } from '@fortawesome/free-solid-svg-icons';
import AddTodo from './AddTodo';
import DeleteTodo from '.././Components/DeleteTodo';
import MarkTodo from '.././Components/MarkTodo';
import ButtonGroup from 'react-bootstrap/lib/Button';
import ListGroup from 'react-bootstrap/lib/ListGroup';
@strongSoda
strongSoda / DeleteTodo.js
Last active January 7, 2019 13:50
import React, { Component } from 'react';
import { deleteTodo} from './QueryDeleteTodos';
import { getTodos } from './QuerygetTodos';
import { faTimes } from '@fortawesome/free-solid-svg-icons';
import { Mutation } from "react-apollo";
import Button from 'react-bootstrap/lib/Button';
import { FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import Form from 'react-bootstrap/lib/Form';
import FormGroup from 'react-bootstrap/lib/FormGroup';
import InputGroup from 'react-bootstrap/lib/InputGroup';
@strongSoda
strongSoda / MarkTodo.js
Last active January 7, 2019 13:50
import React, { Component } from 'react';
import { markTodo} from './QueryMarkTodos';
import { getTodos } from './QuerygetTodos';
import { Mutation } from "react-apollo";
import Button from 'react-bootstrap/lib/Button';
import { FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import { faCheck } from '@fortawesome/free-solid-svg-icons';
class MarkTodo extends Component {
@strongSoda
strongSoda / AddTodo.js
Last active January 7, 2019 13:51
import React, { Component } from 'react';
import { addTodo } from './QueryAddTodos';
import { getTodos } from './QuerygetTodos';
import { FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import Form from 'react-bootstrap/lib/Form';
import FormControl from 'react-bootstrap/lib/FormControl';
import FormGroup from 'react-bootstrap/lib/FormGroup';
import InputGroup from 'react-bootstrap/lib/InputGroup';
import Button from 'react-bootstrap/lib/Button';
import { faPlus } from '@fortawesome/free-solid-svg-icons';
@strongSoda
strongSoda / App.js
Last active January 7, 2019 13:51
import React, { Component } from 'react';
import { Navbar, Button, Nav, NavItem, Image, Grid, Row, Col } from 'react-bootstrap';
import Hasura from './assets/hasura.png';
import './App.css';
class App extends Component {
goTo(route) {
this.props.history.replace(`/${route}`)
}