├── .firebaserc ├── .gitignore ├── README.md ├── database.rules.json ├── firebase.json ├── package.json ├── portfolio.html ├── public ├── favicon.ico ├── index.html └── manifest.json ├── src ├── App.css ├── App.js ├── App.test.js ├── components │ ├── Footer │ │ ├── Footer.css │ │ ├── Footer.js │ │ └── Footer.test.js │ ├── Header │ │ ├── Header.css │ │ ├── Header.js │ │ └── Header.test.js │ ├── Home │ │ ├── Home.css │ │ ├── Home.js │ │ └── Home.test.js │ ├── Login │ │ ├── Login.css │ │ ├── Login.js │ │ └── Login.test.js │ ├── MobileHeader │ │ ├── MobileHeader.css │ │ ├── MobileHeader.js │ │ └── MobileHeader.test.js │ ├── NotFound │ │ ├── NotFound.css │ │ ├── NotFound.js │ │ └── NotFound.test.js │ ├── Sidebar │ │ ├── Sidebar.css │ │ ├── Sidebar.js │ │ └── Sidebar.test.js │ ├── Signup │ │ ├── Signup.css │ │ ├── Signup.js │ │ └── Signup.test.js │ ├── UserFeed │ │ ├── UserFeed.css │ │ ├── UserFeed.js │ │ └── UserFeed.test.js │ └── Welcome │ │ ├── Welcome.css │ │ ├── Welcome.js │ │ └── Welcome.test.js ├── index.css ├── index.js ├── logo.svg ├── registerServiceWorker.js ├── routes.js ├── services │ └── PostData.js └── styles │ ├── custom.css │ ├── foundation.min.css │ └── react-confirm-alert.css └── yarn.lock /.firebaserc: -------------------------------------------------------------------------------- 1 | { 2 | "projects": { 3 | "default": "react-54c3d" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | 6 | # testing 7 | /coverage 8 | 9 | # production 10 | /build 11 | 12 | # misc 13 | .DS_Store 14 | .env.local 15 | .env.development.local 16 | .env.test.local 17 | .env.production.local 18 | 19 | npm-debug.log* 20 | yarn-debug.log* 21 | yarn-error.log* 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | React Welcome Project with Login -------------------------------------------------------------------------------- /database.rules.json: -------------------------------------------------------------------------------- 1 | { 2 | "rules": { 3 | ".read": "auth != null", 4 | ".write": "auth != null" 5 | } 6 | } -------------------------------------------------------------------------------- /firebase.json: -------------------------------------------------------------------------------- 1 | { 2 | "database": { 3 | "rules": "database.rules.json" 4 | }, 5 | "hosting": { 6 | "public": "build", 7 | "rewrites": [ 8 | { 9 | "source": "**", 10 | "destination": "/index.html" 11 | } 12 | ] 13 | } 14 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-welcome", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "raf": "^3.3.2", 7 | "react": "^16.0.0", 8 | "react-confirm-alert": "^1.0.7", 9 | "react-dom": "^16.0.0", 10 | "react-foundation": "^0.9.2", 11 | "react-linkify": "^0.2.1", 12 | "react-router-dom": "^4.2.2", 13 | "react-scripts": "1.0.14", 14 | "react-timeago": "^3.4.3" 15 | }, 16 | "scripts": { 17 | "start": "react-scripts start", 18 | "build": "react-scripts build", 19 | "test": "react-scripts test --env=jsdom --setupTestFrameworkScriptFile=raf/polyfill", 20 | "eject": "react-scripts eject" 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /portfolio.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Foundation | Welcome 7 | 8 | 9 | 10 | 11 |
12 |
13 | 14 |
15 |
16 |
17 | 18 |
Mike Mikerson
19 |

Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo.

20 |
21 |
22 | 23 |
24 |
25 |
26 | 27 | Mike Mikerson 28 |
29 |
30 |
31 |
32 |

Hello! This is the portfolio of a very witty person.

33 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla.

34 |
35 |
36 |
37 |
38 | 39 |
My Site
40 |
41 |
42 | 43 |
My Site
44 |
45 |
46 | 47 |
My Site
48 |
49 |
50 | 51 |
My Site
52 |
53 |
54 | 55 |
My Site
56 |
57 |
58 | 59 |
My Site
60 |
61 |
62 | 63 |
My Site
64 |
65 |
66 | 67 |
My Site
68 |
69 |
70 | 71 |
My Site
72 |
73 |
74 | 75 |
My Site
76 |
77 |
78 | 79 |
My Site
80 |
81 |
82 | 83 |
My Site
84 |
85 |
86 | 87 |
88 | 89 |
90 |
91 |

Contact Me

92 |

Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor.

93 | 98 |
99 |
100 | 103 | 106 | 110 | 111 |
112 |
113 |
114 |
115 |
116 | 117 | 118 | 119 | 122 | 123 | 124 | 125 | 126 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/srinivastamada/react-welcome/9c7337efb090f3e8826ae7ae6070384eb64a257d/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 11 | 12 | 13 | 22 | React App 23 | 24 | 25 | 28 |
29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "192x192", 8 | "type": "image/png" 9 | } 10 | ], 11 | "start_url": "./index.html", 12 | "display": "standalone", 13 | "theme_color": "#000000", 14 | "background_color": "#ffffff" 15 | } 16 | -------------------------------------------------------------------------------- /src/App.css: -------------------------------------------------------------------------------- 1 | .App { 2 | text-align: center; 3 | } 4 | 5 | .App-logo { 6 | animation: App-logo-spin infinite 20s linear; 7 | height: 80px; 8 | } 9 | 10 | .App-header { 11 | background-color: #222; 12 | height: 150px; 13 | padding: 20px; 14 | color: white; 15 | } 16 | 17 | .App-title { 18 | font-size: 1.5em; 19 | } 20 | 21 | .App-intro { 22 | font-size: large; 23 | } 24 | 25 | @keyframes App-logo-spin { 26 | from { transform: rotate(0deg); } 27 | to { transform: rotate(360deg); } 28 | } 29 | -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | 3 | import './styles/foundation.min.css'; 4 | import './styles/custom.css'; 5 | import Routes from './routes'; 6 | import Header from './components/Header/Header'; 7 | import Footer from './components/Footer/Footer'; 8 | 9 | import MobileHeader from './components/MobileHeader/MobileHeader'; 10 | 11 | 12 | class App extends Component { 13 | 14 | constructor(){ 15 | super(); 16 | this.state={ 17 | appName: "Banana", 18 | home: false 19 | } 20 | } 21 | 22 | render() { 23 | return ( 24 |
25 |
26 | 27 | 28 | 29 |
30 | 31 |
32 | 33 |
34 |
36 |
37 |
38 | ); 39 | } 40 | } 41 | 42 | export default App; 43 | -------------------------------------------------------------------------------- /src/App.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | 5 | it('renders without crashing', () => { 6 | const div = document.createElement('div'); 7 | ReactDOM.render(, div); 8 | }); 9 | -------------------------------------------------------------------------------- /src/components/Footer/Footer.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/srinivastamada/react-welcome/9c7337efb090f3e8826ae7ae6070384eb64a257d/src/components/Footer/Footer.css -------------------------------------------------------------------------------- /src/components/Footer/Footer.js: -------------------------------------------------------------------------------- 1 | import React, {Component} from 'react'; 2 | 3 | import './Footer.css'; 4 | 5 | class Footer extends Component { 6 | render() { 7 | return ( 8 | 13 | ); 14 | } 15 | } 16 | 17 | export default Footer; -------------------------------------------------------------------------------- /src/components/Footer/Footer.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import Footer from './Footer'; 4 | 5 | it('Footer renders without crashing', () => { 6 | const div = document.createElement('div'); 7 | ReactDOM.render(