Skip to content

Instantly share code, notes, and snippets.

View jmmarco's full-sized avatar
🤠
Git Cowboy

Juan Marco jmmarco

🤠
Git Cowboy
View GitHub Profile
/*
1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
box-sizing: border-box;
}
/*
2. Remove default margin
*/
* {
@jmmarco
jmmarco / index.html
Created April 15, 2020 19:01
Basic React template for beginners or small projects
<!DOCTYPE html>
<html>
<head>
<title>Popular Repos</title>
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src='https://unpkg.com/babel-standalone@6/babel.min.js'></script>
<style>
/* CSS styles go here */
@jmmarco
jmmarco / README-Template.md
Created April 13, 2020 20:46 — forked from PurpleBooth/README-Template.md
A template to make good README.md

Project Title

One Paragraph of project description goes here

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

@jmmarco
jmmarco / App.js
Last active December 2, 2021 08:53
React Native using PanResponder and ref's
import * as React from 'react';
import {
Text,
View,
StyleSheet,
PanResponder,
TouchableOpacity,
Animated,
} from 'react-native';
import Constants from 'expo-constants';
@jmmarco
jmmarco / App.js
Created February 19, 2020 13:02
Add React to a Website with ES6 Capabilities
import Header from "./Header"
const App = () => {
return (
<div>
<Header />
</div>
)
}
@jmmarco
jmmarco / fresh_tomatoes.html
Last active February 14, 2019 20:34
Using jQuery to filter movies for Udacity's fresh_tomatoes module: https://github.com/udacity/ud036_StarterCode
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Fresh Tomatoes!</title>
<!-- Bootstrap 3 -->
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap-theme.min.css">
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
@jmmarco
jmmarco / index.html
Last active July 25, 2018 18:46
Google Maps with React
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>React Google Maps</title>
<style>
html, body {
height: 100%;
margin: 0;
@jmmarco
jmmarco / index.html
Created April 15, 2018 16:08
Simple Google Maps example using React
<!DOCTYPE html>
<html>
<head>
<title>React with Google Maps API</title>
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src='https://unpkg.com/babel-standalone@6/babel.min.js'></script>
<style>
body {
font-family: sans-serif;
@jmmarco
jmmarco / index.html
Created April 13, 2018 02:14
React JS Homework - Get Popular Repos
<!DOCTYPE html>
<html>
<head>
<title>Popular Repos</title>
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src='https://unpkg.com/babel-standalone@6/babel.min.js'></script>
<style>
body {
font-family: sans-serif;
<!DOCTYPE html>
<html>
<head>
<title>Popular Repos</title>
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src='https://unpkg.com/babel-standalone@6/babel.min.js'></script>
<style>
body {
font-family: sans-serif;