Skip to content

Commit

Permalink
initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
remiilekun committed Oct 29, 2018
1 parent 0f62256 commit 45cb767
Show file tree
Hide file tree
Showing 32 changed files with 16,132 additions and 106 deletions.
2 changes: 2 additions & 0 deletions .env
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
REACT_APP_NODE_PATH=src/
NODE_PATH=src/
43 changes: 43 additions & 0 deletions .eslintrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
{
"parser": "babel-eslint",
"extends": ["eslint:recommended", "plugin:react/recommended", "airbnb-base"],
"settings": {
"react": {
"pragma": "React",
"version": "16.6.0"
}
},
"parserOptions": {
"ecmaVersion": 9,
"sourceType": "module",
"ecmaFeatures": {
"jsx": true
}
},
"env": {
"browser": true,
"node": true,
"es6": true
},
"rules": {
"comma-dangle": 0,
"global-require": "off",
"prefer-spread": "off",
"no-console": "off",
"no-restricted-syntax": "off",
"no-param-reassign": "off",
"no-plusplus": "off",
"react/prop-types": ["error", { "ignore": ["navigation"] }],
"import/prefer-default-export": "off",
"import/no-extraneous-dependencies": "off",
"no-underscore-dangle": "off",
"no-use-before-define": "off",
"class-methods-use-this": "off",
"import/no-cycle": "off",
"no-nested-ternary": "off",
"consistent-return": "off",
"react/jsx-filename-extension": "off",
"guard-for-in": "off",
"import/no-unresolved": "off"
}
}
8 changes: 8 additions & 0 deletions jsconfig.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"*": ["src/*"]
}
}
}
15,173 changes: 15,173 additions & 0 deletions package-lock.json

Large diffs are not rendered by default.

26 changes: 21 additions & 5 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,26 @@
"version": "0.1.0",
"private": true,
"dependencies": {
"classnames": "^2.2.6",
"firebase": "^5.5.6",
"node-sass-chokidar": "^1.3.4",
"npm-run-all": "^4.1.3",
"react": "^16.6.0",
"react-dom": "^16.6.0",
"react-scripts": "2.0.5"
"react-scripts": "2.0.5",
"react-select": "^2.1.1"
},
"scripts": {
"start": "react-scripts start",
"build-css": "node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/",
"watch-css": "npm run build-css && node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/ --watch --recursive",
"start-js": "react-scripts start",
"start": "npm-run-all -p watch-css start-js",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject",
"lint:check": "eslint . --ext=js,jsx; exit 0",
"lint:fix": "eslint . --ext=js,jsx --fix; exit 0",
"install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && rm -rf yarn.lock && npm install && npm start"
},
"eslintConfig": {
"extends": "react-app"
Expand All @@ -21,5 +32,10 @@
"not dead",
"not ie <= 11",
"not op_mini all"
]
],
"devDependencies": {
"eslint-config-airbnb": "^17.1.0",
"eslint-config-airbnb-base": "^13.1.0",
"eslint-plugin-react": "^7.11.1"
}
}
39 changes: 21 additions & 18 deletions public/index.html
Original file line number Diff line number Diff line change
@@ -1,16 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<!--

<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<!--
manifest.json provides metadata used when your web app is added to the
homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<!--
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Expand All @@ -19,14 +20,15 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="root"></div>
<!--
<title>Git Explorer</title>
</head>

<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
Expand All @@ -36,5 +38,6 @@
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>
</body>

</html>
32 changes: 0 additions & 32 deletions src/App.css

This file was deleted.

22 changes: 5 additions & 17 deletions src/App.js
Original file line number Diff line number Diff line change
@@ -1,25 +1,13 @@
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import { Footer, Nav } from 'components';

class App extends Component {
render() {
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>
Edit <code>src/App.js</code> and save to reload.
</p>
<a
className="App-link"
href="https://reactjs.org"
target="_blank"
rel="noopener noreferrer"
>
Learn React
</a>
</header>
<div className="home">
<Nav />
<p style={{ color: '#000' }}>Hello world</p>
<Footer />
</div>
);
}
Expand Down
9 changes: 0 additions & 9 deletions src/App.test.js

This file was deleted.

Binary file added src/assets/fonts/OpenSans/OpenSans-Bold.ttf
Binary file not shown.
Binary file added src/assets/fonts/OpenSans/OpenSans-ExtraBold.ttf
Binary file not shown.
Binary file added src/assets/fonts/OpenSans/OpenSans-Light.ttf
Binary file not shown.
Binary file added src/assets/fonts/OpenSans/OpenSans-Regular.ttf
Binary file not shown.
Binary file added src/assets/fonts/OpenSans/OpenSans-SemiBold.ttf
Binary file not shown.
5 changes: 5 additions & 0 deletions src/components/footer.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
import React from 'react';

const Footer = props => <footer className="footer">Footer</footer>;

export { Footer };
2 changes: 2 additions & 0 deletions src/components/index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
export * from './footer';
export * from './nav';
5 changes: 5 additions & 0 deletions src/components/nav.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
import React from 'react';

const Nav = props => <nav className="nav">Nav</nav>;

export { Nav };
14 changes: 0 additions & 14 deletions src/index.css

This file was deleted.

8 changes: 4 additions & 4 deletions src/index.js
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import App from 'App';
import 'scss/main.css';
import * as serviceWorker from 'serviceWorker';

ReactDOM.render(<App />, document.getElementById('root'));

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: http://bit.ly/CRA-PWA
serviceWorker.unregister();
serviceWorker.register();
7 changes: 0 additions & 7 deletions src/logo.svg

This file was deleted.

2 changes: 2 additions & 0 deletions src/scss/components/_footer.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
.footer {
}
2 changes: 2 additions & 0 deletions src/scss/components/_nav.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
.nav {
}
39 changes: 39 additions & 0 deletions src/scss/core/_fonts.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
@font-face {
font-family: "OpenSans";
font-style: normal;
font-weight: 300;
src: url("../assets/fonts/OpenSans/OpenSans-Light.ttf") format("truetype");
text-rendering: optimizeLegibility;
}

@font-face {
font-family: "OpenSans";
font-style: normal;
font-weight: normal;
src: url("../assets/fonts/OpenSans/OpenSans-Regular.ttf") format("truetype");
text-rendering: optimizeLegibility;
}

@font-face {
font-family: "OpenSans";
font-style: normal;
font-weight: 600;
src: url("../assets/fonts/OpenSans/OpenSans-SemiBold.ttf") format("truetype");
text-rendering: optimizeLegibility;
}

@font-face {
font-family: "OpenSans";
font-style: normal;
font-weight: bold;
src: url("../assets/fonts/OpenSans/OpenSans-Bold.ttf") format("truetype");
text-rendering: optimizeLegibility;
}

@font-face {
font-family: "OpenSans";
font-style: normal;
font-weight: 800;
src: url("../assets/fonts/OpenSans/OpenSans-ExtraBold.ttf") format("truetype");
text-rendering: optimizeLegibility;
}
52 changes: 52 additions & 0 deletions src/scss/core/_mixins.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
@mixin respond($breakpoint) {
@if ($breakpoint== "xs") {
@media (max-width: 575px) {
@content;
}
}
@if ($breakpoint== "sm") {
@media (min-width: 576px) and (max-width: 767px) {
@content;
}
}
@if ($breakpoint== "as") {
@media (max-width: 768px) {
@content;
}
}
@if ($breakpoint== "ab") {
@media (min-width: 769px) {
@content;
}
}
@if ($breakpoint== "am") {
@media (max-width: 991px) {
@content;
}
}
@if ($breakpoint== "fm") {
@media (min-width: 992px) {
@content;
}
}
@if ($breakpoint== "md") {
@media (min-width: 768px) and (max-width: 991px) {
@content;
}
}
@if ($breakpoint== "lg") {
@media (min-width: 992px) and (max-width: 1199px) {
@content;
}
}
@if ($breakpoint== "md-lg") {
@media (min-width: 768px) and (max-width: 1199px) {
@content;
}
}
@if ($breakpoint== "xl") {
@media (min-width: 1200px) {
@content;
}
}
}
Loading

0 comments on commit 45cb767

Please sign in to comment.