Skip to content

Instantly share code, notes, and snippets.

View barhoring's full-sized avatar
💭
foo is boring I am Bar Horing

Bar Horing Amir barhoring

💭
foo is boring I am Bar Horing
View GitHub Profile
@barhoring
barhoring / dropdown.md
Created September 25, 2020 09:21 — forked from citrusui/dropdown.md
"Dropdowns" in Markdown
How do I dropdown?
This is how you dropdown.

<details>
<summary>How do I dropdown?</summary>
<br>
This is how you dropdown.
@barhoring
barhoring / advanced-formatting-github-markdown.md
Created September 25, 2020 09:13 — forked from apaskulin/advanced-formatting-github-markdown.md
Tips and tricks for more formatting options in GitHub Markdown

Advanced Formatting in GitHub Markdown

GitHub Flavored Markdown lets you create useful documents in GitHub and GitHub Enterprise using .md files. Like other varieties of markdown, GitHub Markdown tries to be as readable as possible in its raw form, resulting in an intentionally limited set of formatting options. However, these options can feel restrictive when dealing with complex content.

Although GitHub Markdown strips out most HTML tags, here are a few tricks that can give you more flexibility when formatting your documents. These advanced formatting options can make your documents more useable, but they come at the expense of plain text readability, so use with caution.

@barhoring
barhoring / resume.json
Last active September 8, 2020 19:09
My resume
{
"basics": {
"name": "Bar Horing Amir",
"label": "Web entusiastic, Software developer, Full Stack Software Developer",
"picture": "https://avatars0.githubusercontent.com/u/16229686?s=460&u=97b15c7a0f353b6097b4df96bdc6fc59d64b9729&v=4",
"email": "N/A",
"phone": "(+972) 0545-407-404",
"website": "https://barhoringamir.com/",
"summary": "A summary of John Doe...",
"location": {
[{
"colorName": "AliceBlue",
"hexCode": "#F0F8FF"
},
{
"colorName": "AntiqueWhite",
"hexCode": "#FAEBD7"
},
{
"colorName": "Aqua",
@barhoring
barhoring / index.html
Created June 18, 2020 08:12
The Holy Grail
<header class="header flexbox">
<span class="flexbox-item angleBrackets">header</span>
</header>
<main class="flexbox">
<nav class="nav flexbox-item angleBrackets">nav</nav>
<section class="section flexbox-item angleBrackets">section</section>
<aside class="aside flexbox-item angleBrackets">aside</aside>
@barhoring
barhoring / app.js
Created June 5, 2020 09:02
Simple express Hello World example
const express = require("express");
const app = express();
const port = 3000;
app.get("/", (req, res) => res.send("Hello World"));
app.listen(port, () =>
console.log(`Example app is listening on http://localhost:${port}`)
);
@barhoring
barhoring / Form.js
Last active April 20, 2020 19:56
Simple form that handles input changes with useReducer hook. When the form is submitted the state is printed to the console
import React, { useReducer } from "react";
import styles from "./form.module.css";
const INITIAL_STATE = {
name: "",
email: "",
subject: "",
body: "",
};

Frontend Masters: AWS for Frontend Engineers

You should have the following completed on your computer before the workshop:

  • Install the AWS CLI.
  • Have Node.js installed on your system. (Recommended: Use nvm.)
    • Install yarn with brew install yarn.
  • Create an AWS account. (This will require a valid credit card.)
  • Create a Travis CI account. (This should be as simple as logging in via GitHub).
import React, { useState, useEffect } from "react";
const Planets = () => {
const [hasError, setErrors] = useState(false);
const [planets, setPlanets] = useState({});
useEffect(() => {
async function fetchData() {
const res = await fetch("https://swapi.co/api/planets/4/");
res
@barhoring
barhoring / saveEscaped.js
Created March 9, 2020 12:12
Reads a file and saves a new escaped file
var fs = require("fs");
var data = "";
let [inputFileName, ouputFileName] = process.argv.slice(2);
[fName, fExtension] = inputFileName.split(".");
ouputFileName = ouputFileName
? ouputFileName
: `${fName}_escaped.${fExtension}`;