├── .prettierrc ├── src ├── components │ ├── Demo │ │ ├── Demo.scss │ │ ├── index.js │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── Sample.test.js.snap │ │ │ └── Demo.test.js │ │ └── Demo.js │ ├── Footer │ │ ├── Footer.scss │ │ ├── index.js │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── Footer.test.js.snap │ │ │ └── Footer.test.js │ │ └── Footer.js │ ├── Sample │ │ ├── Sample.scss │ │ ├── index.js │ │ ├── __tests__ │ │ │ ├── Sample.test.js │ │ │ └── __snapshots__ │ │ │ │ └── Sample.test.js.snap │ │ └── Sample.js │ ├── App │ │ ├── index.js │ │ └── App.js │ └── NavBar │ │ ├── index.js │ │ ├── __tests__ │ │ ├── NavBar.test.js │ │ └── __snapshots__ │ │ │ └── NavBar.test.js.snap │ │ ├── NavBar.js │ │ └── NavBar.scss ├── common_styles │ ├── colors.scss │ └── global.scss ├── index.js └── index.html ├── .gitignore ├── .babelrc ├── docs ├── src.efa4e38b.css ├── index.html └── src.2688a3bb.js ├── .eslintrc.json ├── package.json └── README.md /.prettierrc: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /src/components/Demo/Demo.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/components/Footer/Footer.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/components/Sample/Sample.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/components/App/index.js: -------------------------------------------------------------------------------- 1 | import App from "./App"; 2 | 3 | export default App; 4 | -------------------------------------------------------------------------------- /src/components/Demo/index.js: -------------------------------------------------------------------------------- 1 | import Demo from "./Demo"; 2 | 3 | export default Demo; 4 | -------------------------------------------------------------------------------- /src/components/NavBar/index.js: -------------------------------------------------------------------------------- 1 | import NavBar from './NavBar'; 2 | 3 | export default NavBar; -------------------------------------------------------------------------------- /src/components/Footer/index.js: -------------------------------------------------------------------------------- 1 | import Footer from "./Footer"; 2 | 3 | export default Footer; 4 | -------------------------------------------------------------------------------- /src/components/Sample/index.js: -------------------------------------------------------------------------------- 1 | import Sample from "./Sample"; 2 | 3 | export default Sample; 4 | -------------------------------------------------------------------------------- /src/common_styles/colors.scss: -------------------------------------------------------------------------------- 1 | $primary: "#ad343e"; 2 | $secondary: "#f2af29"; 3 | $dark: "#777"; 4 | $light: "#000"; 5 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { render } from "react-dom"; 3 | import App from "./components/App"; 4 | 5 | render(, document.getElementById("root")); 6 | -------------------------------------------------------------------------------- /src/components/Footer/__tests__/__snapshots__/Footer.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`snapshot 1`] = ` 4 | 9 | `; 10 | -------------------------------------------------------------------------------- /src/common_styles/global.scss: -------------------------------------------------------------------------------- 1 | .hero { 2 | border-bottom: 1px 1px solid rgba(0, 0, 0, 0.12); 3 | border-top: 0; 4 | margin-bottom: 16px; 5 | } 6 | footer { 7 | margin-bottom: 0; 8 | } 9 | 10 | button { 11 | margin-right: 8px; 12 | } 13 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_STORE 2 | node_modules 3 | dist/ 4 | remote-repo/ 5 | coverage/ 6 | *.log* 7 | chrome-user-data 8 | *.sublime-project 9 | *.sublime-workspace 10 | .idea 11 | *.iml 12 | .vscode 13 | *.swp 14 | *.swo 15 | .cache 16 | .env 17 | package-lock.json 18 | -------------------------------------------------------------------------------- /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | "react", 4 | [ 5 | "env", 6 | { 7 | "targets": { 8 | "browsers": ["last 2 versions"] 9 | } 10 | } 11 | ] 12 | ], 13 | "plugins": ["transform-class-properties"] 14 | } 15 | -------------------------------------------------------------------------------- /src/components/Footer/__tests__/Footer.test.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { create } from "react-test-renderer"; 3 | import Footer from "../"; 4 | 5 | test("snapshot", () => { 6 | const c = create(