├── server
    ├── views
    │   ├── _footer.ejs
    │   ├── 404.ejs
    │   ├── footer.ejs
    │   ├── header.ejs
    │   ├── test.ejs
    │   ├── entry.ejs
    │   ├── signup.ejs
    │   ├── users.ejs
    │   ├── login.ejs
    │   ├── index.ejs
    │   ├── profile.ejs
    │   ├── new-entry.ejs
    │   ├── edit-csrf.ejs
    │   ├── edit.ejs
    │   └── _header.ejs
    ├── static
    │   ├── cat.png
    │   └── resume.pdf
    ├── start-client.js
    ├── modules
    │   ├── capitalize.js
    │   └── getInfoFromURL.js
    ├── run-dev.js
    ├── run-prod.js
    ├── api1
    │   ├── posts.js
    │   └── notifs.js
    ├── models
    │   ├── Notif.js
    │   ├── Post.js
    │   └── Project.js
    └── auth
    │   └── newUserHelper.js
├── client
    ├── build
    │   ├── favicon.ico
    │   └── manifest.json
    ├── public
    │   ├── favicon.ico
    │   ├── manifest.json
    │   └── index.html
    ├── src
    │   ├── assets
    │   │   ├── logo.png
    │   │   ├── user.png
    │   │   ├── favicon.ico
    │   │   ├── og-image.jpg
    │   │   ├── looseleaf.png
    │   │   ├── team
    │   │   │   ├── ollie.png
    │   │   │   ├── ollie2.png
    │   │   │   ├── team.png
    │   │   │   ├── xiaoyunyang.png
    │   │   │   └── andrewfenner.png
    │   │   ├── favicon-16x16.png
    │   │   ├── favicon-32x32.png
    │   │   ├── landing
    │   │   │   ├── share.png
    │   │   │   ├── cultivate.png
    │   │   │   ├── expertise.png
    │   │   │   ├── landing-plane.png
    │   │   │   ├── landing-world.png
    │   │   │   ├── landing1-large.png
    │   │   │   ├── landing1-medium.png
    │   │   │   ├── landing1-small.png
    │   │   │   ├── mobile-laptop1.png
    │   │   │   ├── mobile-laptop2.png
    │   │   │   ├── mobile-laptop3.png
    │   │   │   ├── landing-bookmark.png
    │   │   │   ├── tribal-knowledge.png
    │   │   │   └── what-is-looseleaf.png
    │   │   ├── apple-touch-icon.png
    │   │   ├── mstile-150x150.png
    │   │   ├── android-chrome-192x192.png
    │   │   ├── android-chrome-512x512.png
    │   │   ├── browserconfig.xml
    │   │   ├── site.webmanifest
    │   │   └── markdown
    │   │   │   ├── our-mission.md
    │   │   │   ├── our-values.md
    │   │   │   ├── careers.md
    │   │   │   └── our-story.md
    │   ├── shared
    │   │   ├── Landing
    │   │   │   ├── Root.js
    │   │   │   ├── Main.js
    │   │   │   ├── App.js
    │   │   │   ├── screens
    │   │   │   │   ├── Terms.js
    │   │   │   │   ├── Careers.js
    │   │   │   │   ├── Privacy.js
    │   │   │   │   ├── HowItWorks.js
    │   │   │   │   └── About.js
    │   │   │   └── routes.js
    │   │   ├── User
    │   │   │   ├── Root.js
    │   │   │   ├── Main.js
    │   │   │   ├── screens
    │   │   │   │   ├── Privacy.js
    │   │   │   │   ├── Terms.js
    │   │   │   │   └── Home
    │   │   │   │   │   ├── Stats.js
    │   │   │   │   │   └── Main.js
    │   │   │   ├── App.js
    │   │   │   └── routes.js
    │   │   ├── Explore
    │   │   │   ├── Root.js
    │   │   │   ├── Main.js
    │   │   │   ├── routes.js
    │   │   │   ├── App.js
    │   │   │   └── screens
    │   │   │   │   ├── Interests
    │   │   │   │       └── Main.js
    │   │   │   │   └── Communities
    │   │   │   │       └── Main.js
    │   │   ├── UserPage
    │   │   │   ├── Root.js
    │   │   │   ├── Main.js
    │   │   │   ├── routes.js
    │   │   │   └── App.js
    │   │   ├── components
    │   │   │   ├── Collection
    │   │   │   │   ├── Interests
    │   │   │   │   │   └── lib.js
    │   │   │   │   ├── Notifs
    │   │   │   │   │   ├── NotifIcon.js
    │   │   │   │   │   └── Wrapper.js
    │   │   │   │   ├── Communities
    │   │   │   │   │   ├── lib.js
    │   │   │   │   │   └── Chips.js
    │   │   │   │   └── Projects
    │   │   │   │   │   ├── Badge.js
    │   │   │   │   │   ├── Card.js
    │   │   │   │   │   ├── Cards.js
    │   │   │   │   │   └── Main.js
    │   │   │   ├── RedirectWithStatus.js
    │   │   │   ├── LoadMoreBtn.js
    │   │   │   ├── Nav
    │   │   │   │   ├── NavLink.js
    │   │   │   │   └── AppNav.js
    │   │   │   ├── TextWithLinks.js
    │   │   │   ├── Portfolio
    │   │   │   │   ├── Two.js
    │   │   │   │   ├── routes.js
    │   │   │   │   ├── Four.js
    │   │   │   │   ├── Three.js
    │   │   │   │   └── One.js
    │   │   │   ├── Login
    │   │   │   │   ├── LoginForm.js
    │   │   │   │   ├── LegalInfo.js
    │   │   │   │   ├── LoginPage.js
    │   │   │   │   ├── SignupPage.js
    │   │   │   │   ├── Modal.js
    │   │   │   │   └── SocialLogin.js
    │   │   │   ├── Discussion
    │   │   │   │   ├── Comments.js
    │   │   │   │   ├── PostParts.js
    │   │   │   │   ├── Posts.js
    │   │   │   │   ├── Reaction.js
    │   │   │   │   ├── PostEditMenu.js
    │   │   │   │   └── PostContent.js
    │   │   │   ├── FlashNotif.js
    │   │   │   ├── NotFound.js
    │   │   │   ├── MdText.js
    │   │   │   ├── Form
    │   │   │   │   ├── InputAutocomplete.js
    │   │   │   │   ├── TextAreaInput.js
    │   │   │   │   ├── DatePicker.js
    │   │   │   │   ├── TextInput.js
    │   │   │   │   ├── InputRadioBtns.js
    │   │   │   │   ├── InputDropdown.js
    │   │   │   │   └── InputTags.js
    │   │   │   └── TopNavUser
    │   │   │   │   ├── NewDropdown.js
    │   │   │   │   └── CommunityDropdown.js
    │   │   ├── Post
    │   │   │   ├── Root.js
    │   │   │   ├── Main.js
    │   │   │   ├── routes.js
    │   │   │   ├── App.js
    │   │   │   └── screens
    │   │   │   │   └── Page
    │   │   │   │       └── Main.js
    │   │   ├── CommunityUser
    │   │   │   ├── Root.js
    │   │   │   ├── Main.js
    │   │   │   ├── routes.js
    │   │   │   ├── Tabs
    │   │   │   │   ├── One.js
    │   │   │   │   └── Two.js
    │   │   │   └── App.js
    │   │   ├── ProjectPage
    │   │   │   ├── Root.js
    │   │   │   ├── screens
    │   │   │   │   └── Page
    │   │   │   │   │   ├── Contributors.js
    │   │   │   │   │   └── Feed.js
    │   │   │   ├── Main.js
    │   │   │   ├── routes.js
    │   │   │   └── App.js
    │   │   ├── CommunityGuest
    │   │   │   ├── Root.js
    │   │   │   ├── Main.js
    │   │   │   ├── Tabs
    │   │   │   │   ├── Two.js
    │   │   │   │   ├── One.js
    │   │   │   │   └── Three.js
    │   │   │   ├── routes.js
    │   │   │   └── App.js
    │   │   ├── redux
    │   │   │   ├── Recipe
    │   │   │   │   ├── actions
    │   │   │   │   │   └── user.js
    │   │   │   │   ├── init-redux.js
    │   │   │   │   └── reducers
    │   │   │   │   │   ├── recipes.js
    │   │   │   │   │   └── projects.js
    │   │   │   ├── reducers
    │   │   │   │   ├── community.js
    │   │   │   │   └── post.js
    │   │   │   ├── configureStore
    │   │   │   │   ├── userPage.js
    │   │   │   │   ├── explorePage.js
    │   │   │   │   ├── communityGuestPage.js
    │   │   │   │   ├── postPage.js
    │   │   │   │   ├── projectPage.js
    │   │   │   │   ├── communityUserPage.js
    │   │   │   │   ├── initUserPage.js
    │   │   │   │   ├── initExplorePage.js
    │   │   │   │   ├── initCommunityGuestPage.js
    │   │   │   │   ├── initPostPage.js
    │   │   │   │   ├── initProjectPage.js
    │   │   │   │   └── initCommunityUserPage.js
    │   │   │   └── actions
    │   │   │   │   ├── post.js
    │   │   │   │   └── page.js
    │   │   └── data
    │   │   │   ├── appPage.js
    │   │   │   ├── community.json
    │   │   │   ├── assetLinks.js
    │   │   │   ├── team.js
    │   │   │   └── deliverableFormats.json
    │   ├── craApps
    │   │   ├── AppLanding.js
    │   │   ├── AppCommunityGuest.js
    │   │   ├── App.js
    │   │   ├── AppUserPage.js
    │   │   ├── AppExplore.js
    │   │   ├── AppPost.js
    │   │   ├── AppProjectPage.js
    │   │   ├── AppCommunityUser.js
    │   │   └── AppUser.js
    │   ├── lib
    │   │   └── createReducer.js
    │   ├── clientApps
    │   │   ├── landing.js
    │   │   ├── recipe.js
    │   │   ├── explore.js
    │   │   ├── post.js
    │   │   ├── communityguest.js
    │   │   ├── projectpage.js
    │   │   ├── userpage.js
    │   │   ├── communityuser.js
    │   │   └── user.js
    │   └── index.js
    ├── config
    │   ├── jest
    │   │   ├── fileTransform.js
    │   │   └── cssTransform.js
    │   ├── polyfills.js
    │   └── paths.js
    ├── scripts
    │   └── test.js
    └── iso-middleware
    │   ├── renderLandingApp.jsx
    │   ├── renderExploreApp.jsx
    │   └── renderCommunityGuestApp.jsx
├── .babelrc
├── docker-compose.yml
├── Dockerfile
├── .gitignore
├── test
    ├── txt.js
    ├── html.js
    └── capitalize.js
└── .eslintrc


/server/views/_footer.ejs:
--------------------------------------------------------------------------------
1 | </div>
2 | </body>
3 | </html>
4 | 


--------------------------------------------------------------------------------
/server/static/cat.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/server/static/cat.png


--------------------------------------------------------------------------------
/server/views/404.ejs:
--------------------------------------------------------------------------------
1 | <% include header %>
2 | <h2>404! Page not found.</h2>
3 | <% include footer %>
4 | 


--------------------------------------------------------------------------------
/client/build/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/build/favicon.ico


--------------------------------------------------------------------------------
/client/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/public/favicon.ico


--------------------------------------------------------------------------------
/server/static/resume.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/server/static/resume.pdf


--------------------------------------------------------------------------------
/client/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/logo.png


--------------------------------------------------------------------------------
/client/src/assets/user.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/user.png


--------------------------------------------------------------------------------
/client/src/assets/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/favicon.ico


--------------------------------------------------------------------------------
/client/src/assets/og-image.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/og-image.jpg


--------------------------------------------------------------------------------
/client/src/assets/looseleaf.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/looseleaf.png


--------------------------------------------------------------------------------
/client/src/assets/team/ollie.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/team/ollie.png


--------------------------------------------------------------------------------
/client/src/assets/team/ollie2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/team/ollie2.png


--------------------------------------------------------------------------------
/client/src/assets/team/team.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/team/team.png


--------------------------------------------------------------------------------
/client/src/assets/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/favicon-16x16.png


--------------------------------------------------------------------------------
/client/src/assets/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/favicon-32x32.png


--------------------------------------------------------------------------------
/client/src/assets/landing/share.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/landing/share.png


--------------------------------------------------------------------------------
/client/src/assets/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/apple-touch-icon.png


--------------------------------------------------------------------------------
/client/src/assets/mstile-150x150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/mstile-150x150.png


--------------------------------------------------------------------------------
/client/src/assets/team/xiaoyunyang.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/team/xiaoyunyang.png


--------------------------------------------------------------------------------
/server/views/footer.ejs:
--------------------------------------------------------------------------------
1 | <footer>
2 |   All content copyright <%= new Date().getFullYear() %>.
3 | </footer>
4 | </body>
5 | </html>
6 | 


--------------------------------------------------------------------------------
/client/src/assets/landing/cultivate.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/landing/cultivate.png


--------------------------------------------------------------------------------
/client/src/assets/landing/expertise.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/landing/expertise.png


--------------------------------------------------------------------------------
/client/src/assets/team/andrewfenner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/team/andrewfenner.png


--------------------------------------------------------------------------------
/client/src/assets/landing/landing-plane.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/landing/landing-plane.png


--------------------------------------------------------------------------------
/client/src/assets/landing/landing-world.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/landing/landing-world.png


--------------------------------------------------------------------------------
/client/src/assets/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/android-chrome-192x192.png


--------------------------------------------------------------------------------
/client/src/assets/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/android-chrome-512x512.png


--------------------------------------------------------------------------------
/client/src/assets/landing/landing1-large.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/landing/landing1-large.png


--------------------------------------------------------------------------------
/client/src/assets/landing/landing1-medium.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/landing/landing1-medium.png


--------------------------------------------------------------------------------
/client/src/assets/landing/landing1-small.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/landing/landing1-small.png


--------------------------------------------------------------------------------
/client/src/assets/landing/mobile-laptop1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/landing/mobile-laptop1.png


--------------------------------------------------------------------------------
/client/src/assets/landing/mobile-laptop2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/landing/mobile-laptop2.png


--------------------------------------------------------------------------------
/client/src/assets/landing/mobile-laptop3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/landing/mobile-laptop3.png


--------------------------------------------------------------------------------
/client/src/assets/landing/landing-bookmark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/landing/landing-bookmark.png


--------------------------------------------------------------------------------
/client/src/assets/landing/tribal-knowledge.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/landing/tribal-knowledge.png


--------------------------------------------------------------------------------
/client/src/assets/landing/what-is-looseleaf.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoyunyang/looseleaf-node/HEAD/client/src/assets/landing/what-is-looseleaf.png


--------------------------------------------------------------------------------
/server/start-client.js:
--------------------------------------------------------------------------------
1 | const args = ['start'];
2 | const opts = { stdio: 'inherit', cwd: 'client', shell: true };
3 | require('child_process').spawn('npm', args, opts);
4 | 


--------------------------------------------------------------------------------
/server/modules/capitalize.js:
--------------------------------------------------------------------------------
1 | function capitalize(str) {
2 |   const firstLetter = str.charAt(0).toUpperCase();
3 |   const rest = str.slice(1).toLowerCase();
4 |   return firstLetter + rest;
5 | }
6 | 
7 | module.exports = capitalize;
8 | 


--------------------------------------------------------------------------------
/client/src/shared/Landing/Root.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Main from './Main';
 3 | 
 4 | const Root = ({ route }) => (
 5 |   <div>
 6 |     <Main routes={route.routes} />
 7 |   </div>
 8 | );
 9 | export default Root;
10 | 


--------------------------------------------------------------------------------
/client/src/shared/User/Root.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Main from './Main';
3 | 
4 | const Root = ({ route, state, actions }) => (
5 |   <Main routes={route.routes} user={state.user} actions={actions} />
6 | );
7 | 
8 | export default Root;
9 | 


--------------------------------------------------------------------------------
/client/src/shared/Explore/Root.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Main from './Main';
 3 | 
 4 | const Root = ({ route, state }) => (
 5 |   <Main
 6 |     routes={route.routes}
 7 |     state={state}
 8 |   />
 9 | );
10 | 
11 | export default Root;
12 | 


--------------------------------------------------------------------------------
/client/src/shared/UserPage/Root.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Main from './Main';
3 | 
4 | const Root = ({ route, state, actions }) => (
5 |   <Main routes={route.routes} user={state.user} actions={actions} />
6 | );
7 | 
8 | export default Root;
9 | 


--------------------------------------------------------------------------------
/client/src/shared/Landing/Main.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderRoutes } from 'react-router-config';
 3 | 
 4 | const Main = ({ routes }) => (
 5 |   <div>
 6 |     {renderRoutes(routes)}
 7 |   </div>
 8 | );
 9 | 
10 | export default Main;
11 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Collection/Interests/lib.js:
--------------------------------------------------------------------------------
1 | export const interests = require('../../../data/interests.json');
2 | 
3 | export const interestName = slug => interests[slug] ? interests[slug].name : '';
4 | 
5 | export const interestsArr = Object.values(interests);
6 | 


--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     "env",
 4 |     "stage-2",
 5 |     "react"
 6 |   ],
 7 |   "plugins": [
 8 |     "transform-runtime",
 9 |     "transform-es2015-destructuring",
10 |     "transform-es2015-parameters",
11 |     "transform-object-rest-spread"
12 |   ]
13 | }
14 | 


--------------------------------------------------------------------------------
/client/src/shared/Landing/App.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderRoutes } from 'react-router-config';
 3 | import { routes } from './routes';
 4 | 
 5 | const App = () => (
 6 |   <div>
 7 |     {renderRoutes(routes)}
 8 |   </div>
 9 | );
10 | 
11 | export default App;
12 | 


--------------------------------------------------------------------------------
/client/src/shared/Post/Root.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Main from './Main';
 3 | 
 4 | const Root = ({ route, state, actions }) => (
 5 |   <Main
 6 |     routes={route.routes}
 7 |     state={state}
 8 |     actions={actions}
 9 |   />
10 | );
11 | 
12 | export default Root;
13 | 


--------------------------------------------------------------------------------
/client/src/shared/CommunityUser/Root.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Main from './Main';
 3 | 
 4 | const Root = ({ route, state, actions }) => (
 5 |   <div>
 6 |     <Main routes={route.routes} state={state} actions={actions} />
 7 |   </div>
 8 | );
 9 | 
10 | export default Root;
11 | 


--------------------------------------------------------------------------------
/client/src/shared/ProjectPage/Root.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Main from './Main';
 3 | 
 4 | const Root = ({ route, state, actions }) => (
 5 |   <Main
 6 |     routes={route.routes}
 7 |     state={state}
 8 |     actions={actions}
 9 |   />
10 | );
11 | 
12 | export default Root;
13 | 


--------------------------------------------------------------------------------
/client/src/assets/browserconfig.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <browserconfig>
 3 |     <msapplication>
 4 |         <tile>
 5 |             <square150x150logo src="/mstile-150x150.png"/>
 6 |             <TileColor>#da532c</TileColor>
 7 |         </tile>
 8 |     </msapplication>
 9 | </browserconfig>
10 | 


--------------------------------------------------------------------------------
/client/src/craApps/AppLanding.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { BrowserRouter } from 'react-router-dom';
 3 | import { hot } from 'react-hot-loader';
 4 | import App from '../shared/Landing/App';
 5 | 
 6 | const AppLanding = () => (
 7 |   <BrowserRouter>
 8 |     <App />
 9 |   </BrowserRouter>
10 | );
11 | 
12 | export default hot(module)(AppLanding);
13 | 


--------------------------------------------------------------------------------
/client/src/shared/CommunityGuest/Root.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Main from './Main';
 3 | import Footer from '../components/Footer';
 4 | 
 5 | const Root = ({ route, user, community }) => (
 6 |   <div>
 7 |     <Main routes={route.routes} user={user} community={community} />
 8 |     <Footer />
 9 |   </div>
10 | )
11 | 
12 | export default Root;
13 | 


--------------------------------------------------------------------------------
/client/config/jest/fileTransform.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const path = require('path');
 4 | 
 5 | // This is a custom Jest transformer turning file imports into filenames.
 6 | // http://facebook.github.io/jest/docs/tutorial-webpack.html
 7 | 
 8 | module.exports = {
 9 |   process(src, filename) {
10 |     return `module.exports = ${JSON.stringify(path.basename(filename))};`;
11 |   },
12 | };
13 | 


--------------------------------------------------------------------------------
/docker-compose.yml:
--------------------------------------------------------------------------------
 1 | version: "2"
 2 | services:
 3 |   web:
 4 |     container_name: looseleaf-node-app
 5 |     build: .
 6 |     ports:
 7 |       - "3001:3001"
 8 |     depends_on:
 9 |       - mongo
10 |   mongo:
11 |     container_name: mongo
12 |     image: mongo:latest
13 |     ports:
14 |       - "27017:27017"
15 |     volumes:
16 |       - data-volume:/dbdata/db
17 | volumes:
18 |   data-volume:
19 | 


--------------------------------------------------------------------------------
/client/src/shared/components/RedirectWithStatus.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Route, Redirect } from 'react-router-dom';
 3 | 
 4 | const RedirectWithStatus = ({ route }) => (
 5 |   <Route render={({ staticContext }) => {
 6 | 		if (staticContext) { staticContext.status = route.status; }
 7 | 		return <Redirect to={route.to} />;
 8 | 	}}
 9 |   />
10 | );
11 | export default RedirectWithStatus;
12 | 


--------------------------------------------------------------------------------
/client/build/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React App",
 3 |   "name": "Create React App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     }
10 |   ],
11 |   "start_url": "./index.html",
12 |   "display": "standalone",
13 |   "theme_color": "#000000",
14 |   "background_color": "#ffffff"
15 | }
16 | 


--------------------------------------------------------------------------------
/client/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React App",
 3 |   "name": "Create React App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     }
10 |   ],
11 |   "start_url": "./index.html",
12 |   "display": "standalone",
13 |   "theme_color": "#000000",
14 |   "background_color": "#ffffff"
15 | }
16 | 


--------------------------------------------------------------------------------
/client/config/jest/cssTransform.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | // This is a custom Jest transformer turning style imports into empty objects.
 4 | // http://facebook.github.io/jest/docs/tutorial-webpack.html
 5 | 
 6 | module.exports = {
 7 |   process() {
 8 |     return 'module.exports = {};';
 9 |   },
10 |   getCacheKey() {
11 |     // The output is always the same.
12 |     return 'cssTransform';
13 |   },
14 | };
15 | 


--------------------------------------------------------------------------------
/client/src/shared/components/LoadMoreBtn.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | 
 3 | const LoadMoreBtn = ({ handleClick, itemName }) => (
 4 |   <div className="row center load-more-items">
 5 |     <a
 6 |       className="btn col s8 m6 l4 offset-s2 offset-m3 offset-l4"
 7 |       onClick={handleClick}
 8 |     >
 9 |       Load More {itemName}
10 |     </a>
11 |   </div>
12 | )
13 | 
14 | export default LoadMoreBtn;
15 | 


--------------------------------------------------------------------------------
/client/src/shared/CommunityGuest/Main.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderRoutes } from 'react-router-config';
 3 | 
 4 | export default class Main extends React.Component {
 5 |   render() {
 6 |     const state = {
 7 |       community: this.props.community.info
 8 |     }
 9 |     return (
10 |       <div>
11 |         {renderRoutes(this.props.routes, state)}
12 |       </div>
13 |     )
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------
/client/src/shared/Explore/Main.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderRoutes } from 'react-router-config';
 3 | 
 4 | class Main extends React.Component {
 5 |   render() {
 6 |     const appProps = {
 7 |       user: this.props.state.user
 8 |     }
 9 |     return (
10 |       <div>
11 |         {renderRoutes(this.props.routes, appProps)}
12 |       </div>
13 |     )
14 |   }
15 | }
16 | export default Main;
17 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Nav/NavLink.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | // import PropTypes from 'prop-types';
 3 | import { Link } from 'react-router-dom';
 4 | 
 5 | const NavLink = ({external, to, className, id, name}) => (
 6 |   external ?
 7 |     <a id={id} className={className} href={to}>{name}</a>
 8 |     :
 9 |     <Link d={id} className={className} to={to}>{name}</Link>
10 | );
11 | 
12 | export default NavLink;
13 | 


--------------------------------------------------------------------------------
/server/views/header.ejs:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 | <meta charset="utf-8">
 5 | <title>Express Guestbook</title>
 6 | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
 7 | </head>
 8 | <body class="container">
 9 |   <h1>
10 |    Express Guestbook
11 |   <a href="/guestbook/new-entry" class="btn btn-primary pull-right">
12 |     Write in the guestbook
13 |   </a>
14 | </h1>
15 | 


--------------------------------------------------------------------------------
/server/views/test.ejs:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <style>
 6 |   html {
 7 |     font-family: sans-serif;
 8 |     text-align: center;
 9 |   }
10 |   </style>
11 | </head>
12 | <body>
13 |   <h2>Your User Agent is:</h2>
14 |   <h1 class="user-agent">
15 |     <%- userAgent %> <!--This code causes cross site scripting . Use <%= userAgent %> instead -->
16 |   </h1>
17 | </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/server/views/entry.ejs:
--------------------------------------------------------------------------------
 1 | <% include header %>
 2 | 
 3 | <div class="panel panel-default">
 4 |   <div class="panel-heading">
 5 |     <div class="text-muted pull-right">
 6 |       <%= entry.published %>
 7 |     </div>
 8 |     <a href="/guestbook/<%= entry.id %>"/>
 9 |       <%= entry.title %>
10 |     </a>
11 |   </div>
12 |   <div class="panel-body">
13 |     <%= entry.content %>
14 |   </div>
15 | </div>
16 | 
17 | <% include footer %>
18 | 


--------------------------------------------------------------------------------
/client/src/shared/User/Main.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderRoutes } from 'react-router-config';
 3 | 
 4 | class Main extends React.Component {
 5 |   render() {
 6 |     const appProps = {
 7 |       user: this.props.user,
 8 |       actions: this.props.actions
 9 |     }
10 |     return (
11 |       <div>
12 |         {renderRoutes(this.props.routes, appProps)}
13 |       </div>
14 |     )
15 |   }
16 | }
17 | export default Main;
18 | 


--------------------------------------------------------------------------------
/server/views/signup.ejs:
--------------------------------------------------------------------------------
 1 | <% include _header %>
 2 | <h1>Sign up</h1>
 3 | <form action="/auth/signup" method="post">
 4 |   <input name="email" type="text" class="form-control"
 5 |      placeholder="Email" required autofocus>
 6 |   <input name="password" type="password" class="form-control"
 7 |      placeholder="Password" required>
 8 |   <input type="submit" value="Sign up" class="btn btn-primary btn-block">
 9 | </form>
10 | <% include _footer %>
11 | 


--------------------------------------------------------------------------------
/server/views/users.ejs:
--------------------------------------------------------------------------------
 1 | <% include _header %>
 2 | <h1>Welcome to Learn About Me!</h1>
 3 | <% users.forEach(function(user) { %>
 4 |   <div class="panel panel-default">
 5 |     <div class="panel-heading">
 6 |       <a href="/auth/users/<%= user.username %>">
 7 |         <%= user.name() %>
 8 |       </a>
 9 |     </div>
10 |     <% if (user.bio) { %>
11 |       <div class="panel-body"><%= user.bio %></div>
12 |     <% } %> </div>
13 | <% }) %>
14 | <% include _footer %>
15 | 


--------------------------------------------------------------------------------
/client/src/shared/CommunityUser/Main.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderRoutes } from 'react-router-config';
 3 | 
 4 | export default class Main extends React.Component {
 5 |   render() {
 6 |     const appProps = {
 7 |       state: this.props.state,
 8 |       actions: this.props.actions
 9 |     }
10 |     return (
11 |       <div>
12 |         {
13 |           renderRoutes(this.props.routes, appProps)
14 |         }
15 |       </div>
16 |     );
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Nav/AppNav.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import NavLink from './NavLink';
 3 | import { userPage } from '../../data/appPage';
 4 | 
 5 | // valid pageName include: ['home', 'profile', 'newProject', 'userSettings']
 6 | const UserAppNav = ({ pageName, username, external, id }) => (
 7 |   <NavLink id={id} to={userPage(username)[pageName].link} name={userPage(username)[pageName].name} external={external}/>
 8 | );
 9 | 
10 | export { UserAppNav };
11 | 


--------------------------------------------------------------------------------
/client/src/lib/createReducer.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * https://medium.com/@jonlebensold/getting-started-with-react-native-redux-2b01408c0053
 3 |  * Creating a reducer without using switch statements
 4 |  */
 5 | export default function createReducer(initialState, handlers) {
 6 |   return function reducer(state = initialState, action) {
 7 |     if (handlers.hasOwnProperty(action.type)) {
 8 |       return handlers[action.type](state, action);
 9 |     }
10 |     return state;
11 |   };
12 | }
13 | 


--------------------------------------------------------------------------------
/client/src/shared/Post/Main.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderRoutes } from 'react-router-config';
 3 | 
 4 | class Main extends React.Component {
 5 |   render() {
 6 |     const appProps = {
 7 |       user: this.props.state.user,
 8 |       post: this.props.state.post,
 9 |       actions: this.props.actions
10 |     }
11 |     return (
12 |       <div>
13 |         {renderRoutes(this.props.routes, appProps)}
14 |       </div>
15 |     )
16 |   }
17 | }
18 | export default Main;
19 | 


--------------------------------------------------------------------------------
/client/src/shared/ProjectPage/screens/Page/Contributors.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import UserCards from '../../../components/Collection/UserCards';
 3 | 
 4 | const Contributors = ({ contributors, inviteNewContributor }) => (
 5 |   <div id="contributors">
 6 |     <h5>{`Project Contributors (${contributors.length})`}</h5>
 7 |     <UserCards
 8 |       contributors={contributors}
 9 |       inviteNewContributor={inviteNewContributor}
10 |     />
11 |   </div>
12 | );
13 | 
14 | export default Contributors;
15 | 


--------------------------------------------------------------------------------
/server/run-dev.js:
--------------------------------------------------------------------------------
 1 | // Include Babel
 2 | // setup this project to use babel inline in development mode on the server.
 3 | // This means you don’t have to precompile any of the code to have it run on
 4 | // the server.
 5 | // it will parse all code that comes after it.
 6 | // (Not recommended for production use).
 7 | 
 8 | process.env.NODE_ENV = 'development';
 9 | require('babel-register')({
10 |   ignore: /\/(build|node_modules)\//,
11 |   presets: ['env', 'react-app']
12 | });
13 | 
14 | require('./server.js');
15 | 


--------------------------------------------------------------------------------
/server/run-prod.js:
--------------------------------------------------------------------------------
 1 | // Include Babel
 2 | // setup this project to use babel inline in development mode on the server.
 3 | // This means you don’t have to precompile any of the code to have it run on
 4 | // the server.
 5 | // it will parse all code that comes after it.
 6 | // (Not recommended for production use).
 7 | 
 8 | process.env.NODE_ENV = 'production';
 9 | require('babel-register')({
10 |   ignore: /\/(build|node_modules)\//,
11 |   presets: ['env', 'react-app']
12 | });
13 | 
14 | require('./server.js');
15 | 


--------------------------------------------------------------------------------
/server/views/login.ejs:
--------------------------------------------------------------------------------
 1 | <% include _header %>
 2 | <h1>Log in</h1>
 3 | <form action="/auth/login" method="post">
 4 | <!--
 5 |   <input name="_csrf" value="<%= csrfToken %>" type="hidden">
 6 | -->  
 7 |   <input name="email" type="text" class="form-control" placeholder="Email" required autofocus>
 8 |   <input name="password" type="password" class="form-control" placeholder="Password" required>
 9 |   <input type="submit" value="Log in" class="btn btn-primary btn-block">
10 | </form>
11 | <% include _footer %>
12 | 


--------------------------------------------------------------------------------
/client/src/shared/User/screens/Privacy.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import TopNav from '../../components/TopNavUser/Main';
 3 | import { markdown } from '../../data/assetLinks';
 4 | import MdText from '../../components/MdText';
 5 | 
 6 | export default ({ route, user }) => (
 7 |   <div className="section-white">
 8 |     <TopNav route={route} user={user.info}/>
 9 |     <div id="markdown-pg" className="container">
10 |       <MdText filepath={markdown.privacy} mdId="terms" />
11 |     </div>
12 |   </div>
13 | );
14 | 


--------------------------------------------------------------------------------
/client/src/shared/User/screens/Terms.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import TopNav from '../../components/TopNavUser/Main';
 3 | import { markdown } from '../../data/assetLinks';
 4 | import MdText from '../../components/MdText';
 5 | 
 6 | export default ({ route, user }) => (
 7 |   <div className="section-white">
 8 |     <TopNav route={route} user={user.info}/>
 9 |     <div id="markdown-pg" className="container">
10 |       <MdText filepath={markdown.terms} mdId="terms" />
11 |     </div>
12 |   </div>
13 | );
14 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/Recipe/actions/user.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   fetchNewProjects,
 3 |   fetchCompletedProjects
 4 | } from './projects';
 5 | 
 6 | import {
 7 |   fetchRecipes,
 8 |   fetchFeaturedRecipe
 9 | } from './recipes'
10 | 
11 | export function getHomePageData() {
12 |   return (dispatch, getState) => {
13 |     return Promise.all([
14 |       dispatch(fetchCompletedProjects()),
15 |       dispatch(fetchNewProjects()),
16 |       dispatch(fetchFeaturedRecipe()),
17 |       dispatch(fetchRecipes())
18 |     ])
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/client/src/assets/site.webmanifest:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "",
 3 |     "short_name": "",
 4 |     "icons": [
 5 |         {
 6 |             "src": "/android-chrome-192x192.png",
 7 |             "sizes": "192x192",
 8 |             "type": "image/png"
 9 |         },
10 |         {
11 |             "src": "/android-chrome-512x512.png",
12 |             "sizes": "512x512",
13 |             "type": "image/png"
14 |         }
15 |     ],
16 |     "theme_color": "#ffffff",
17 |     "background_color": "#ffffff",
18 |     "display": "standalone"
19 | }
20 | 


--------------------------------------------------------------------------------
/client/src/shared/ProjectPage/Main.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderRoutes } from 'react-router-config';
 3 | 
 4 | class Main extends React.Component {
 5 |   render() {
 6 |     const appProps = {
 7 |       user: this.props.state.user,
 8 |       projectInfo: this.props.state.project.info,
 9 |       contributors: this.props.state.project.contributors,
10 |       actions: this.props.actions
11 |     }
12 |     return (
13 |       <div>
14 |         {renderRoutes(this.props.routes, appProps)}
15 |       </div>
16 |     )
17 |   }
18 | }
19 | export default Main;
20 | 


--------------------------------------------------------------------------------
/client/src/shared/Landing/screens/Terms.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import TopNav from '../TopNav';
 3 | import { markdown } from '../../data/assetLinks';
 4 | import MdText from '../../components/MdText';
 5 | import Footer from '../../components/Footer';
 6 | 
 7 | export default ({ route }) => (
 8 |   <div className="section-white" style={{paddingBottom: 0}}>
 9 |     <TopNav route={route} extended={false} />
10 |     <div id="markdown-pg" className="container">
11 |       <MdText filepath={markdown.terms} mdId="terms" />
12 |     </div>
13 |     <Footer />
14 |   </div>
15 | );
16 | 


--------------------------------------------------------------------------------
/client/src/shared/Landing/screens/Careers.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import TopNav from '../TopNav';
 3 | import { markdown } from '../../data/assetLinks';
 4 | import MdText from '../../components/MdText';
 5 | import Footer from '../../components/Footer';
 6 | 
 7 | export default ({ route }) => (
 8 |   <div className="section-white" style={{paddingBottom: 0}}>
 9 |     <TopNav route={route} extended={false} />
10 |     <div id="markdown-pg" className="container">
11 |       <MdText filepath={markdown.careers} mdId="careers" />
12 |     </div>
13 |     <Footer />
14 |   </div>
15 | );
16 | 


--------------------------------------------------------------------------------
/client/src/shared/Landing/screens/Privacy.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import TopNav from '../TopNav';
 3 | import { markdown } from '../../data/assetLinks';
 4 | import MdText from '../../components/MdText';
 5 | import Footer from '../../components/Footer';
 6 | 
 7 | export default ({ route }) => (
 8 |   <div className="section-white" style={{paddingBottom: 0}}>
 9 |     <TopNav route={route} extended={false} />
10 |     <div id="markdown-pg" className="container">
11 |       <MdText filepath={markdown.privacy} mdId="privacy" />
12 |     </div>
13 |     <Footer />
14 |   </div>
15 | );
16 | 


--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
 1 | FROM node:8.11.1
 2 | 
 3 | # Set image metadata
 4 | LABEL version="1.0"
 5 | LABEL description="LooseLeaf Node"
 6 | 
 7 | # Create app directory
 8 | WORKDIR /usr/src/app
 9 | 
10 | # install dependencies
11 | COPY package*.json ./
12 | RUN npm cache clean --force && npm install
13 | 
14 | 
15 | # copy app source to image _after_ npm install so that
16 | # application code changes don't bust the docker cache of npm install step
17 | COPY . .
18 | 
19 | # set application PORT and expose docker PORT, 80 is what Elastic Beanstalk expects
20 | EXPOSE 3001
21 | 
22 | CMD [ "npm", "run", "start" ]
23 | 


--------------------------------------------------------------------------------
/client/src/craApps/AppCommunityGuest.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { BrowserRouter } from 'react-router-dom';
 3 | import { Provider } from 'react-redux';
 4 | import App from '../shared/CommunityGuest/App';
 5 | import { hot } from 'react-hot-loader';
 6 | import initStore from '../shared/redux/configureStore/initCommunityGuestPage';
 7 | 
 8 | const store = initStore();
 9 | 
10 | const AppCommunity = () => (
11 |   <Provider store={store}>
12 |     <BrowserRouter>
13 |       <App />
14 |     </BrowserRouter>
15 |   </Provider>
16 | );
17 | 
18 | export default hot(module)(AppCommunity);
19 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | lib-cov
 2 | *.seed
 3 | *.log
 4 | *.csv
 5 | *.dat
 6 | *.out
 7 | *.pid
 8 | *.gz
 9 | *.swp
10 | 
11 | pids
12 | logs
13 | results
14 | tmp
15 | coverage
16 | 
17 | # Git
18 | .git
19 | 
20 | # API keys and private stuff
21 | .env
22 | secrets
23 | localhost-ssl
24 | config
25 | dbdata
26 | .ssh
27 | 
28 | # Dependency directory
29 | node_modules
30 | bower_components
31 | package-lock.json
32 | .map
33 | 
34 | # Builds
35 | build
36 | browser.js
37 | *.map
38 | *.bundle.js
39 | 
40 | # Editors
41 | .idea
42 | *.iml
43 | 
44 | # OS metadata
45 | .DS_Store
46 | Thumbs.db
47 | 
48 | .dockerignore
49 | 


--------------------------------------------------------------------------------
/client/src/shared/Landing/screens/HowItWorks.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import TopNav from '../TopNav';
 3 | import { markdown } from '../../data/assetLinks';
 4 | import MdText from '../../components/MdText';
 5 | import Footer from '../../components/Footer';
 6 | 
 7 | export default ({ route }) => (
 8 |   <div className="section-white" style={{paddingBottom: 0}}>
 9 |     <TopNav route={route} extended={false} />
10 |     <div id="markdown-pg" className="container">
11 |       <MdText filepath={markdown.howItWorks} mdId="how-it-works" />
12 |     </div>
13 |     <Footer />
14 |   </div>
15 | );
16 | 


--------------------------------------------------------------------------------
/client/src/shared/Explore/routes.js:
--------------------------------------------------------------------------------
 1 | import Root from './Root';
 2 | import Home from './screens/Communities/Main';
 3 | import NotFound from '../components/NotFound';
 4 | import appRoute from '../data/appRoute';
 5 | 
 6 | // function noop() {}
 7 | const routes = [
 8 |   {
 9 |     component: Root,
10 |     routes: [
11 |       {
12 |         path: appRoute('exploreCommunities'),
13 |         exact: true,
14 |         component: Home
15 |       },
16 |       {
17 |         path: appRoute('exploreWildcard'),
18 |         component: NotFound
19 |       }
20 |     ]
21 |   }
22 | ];
23 | 
24 | export { routes };
25 | 


--------------------------------------------------------------------------------
/client/src/shared/components/TextWithLinks.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { parseUrl, amendHref } from '../../lib/helpers';
 3 | 
 4 | 
 5 | const TextWithLinks = ({ content }) => (
 6 |   <p>
 7 |   {
 8 |     parseUrl(content).map((d,i) => {
 9 |       return <span key={i}>
10 |         {
11 |           d.strType === 'url' ?
12 |             <a href={amendHref(d.value)} target="_blank" rel="noopener noreferrer">{d.value}</a>
13 |             :
14 |             <span>{`${d.value}`}</span>
15 |         }
16 |       </span>
17 |     })
18 |   }
19 |   </p>
20 | );
21 | 
22 | export default TextWithLinks;
23 | 


--------------------------------------------------------------------------------
/client/src/assets/markdown/our-mission.md:
--------------------------------------------------------------------------------
1 | Our mission is threefold: (1) To support companies (for-profits or non-profits), entrepreneurs, academics, basically anyone who can clearly articulate a problem they need solving in form of a project in getting their problem solved for little to no cost. This is accomplished by posting projects to be completed by amateurs looking to get practice and build a portfolio with real projects; (2) To support amateurs in exploring a new career track by building an impressive portfolio with real projects; (3) To provide a passive recruiting platform for employers find and track these budding talents.
2 | 


--------------------------------------------------------------------------------
/client/src/shared/UserPage/Main.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderRoutes } from 'react-router-config';
 3 | import Footer from '../components/Footer';
 4 | 
 5 | class Main extends React.Component {
 6 |   render() {
 7 |     const appProps = {
 8 |       user: this.props.user,
 9 |       loggedinUser: this.props.loggedinUser,
10 |       actions: this.props.actions
11 |     }
12 |     return (
13 |       <div>
14 |         {renderRoutes(this.props.routes, appProps)}
15 |         {
16 |           !this.props.user.loggedinUser && <Footer />
17 |         }
18 |       </div>
19 |     )
20 |   }
21 | }
22 | export default Main;
23 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Collection/Notifs/NotifIcon.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | 
 3 | export default class NotifIcon extends React.Component {
 4 |   render() {
 5 |     const { notifs } = this.props;
 6 |     if(notifs.length === 0 || notifs[0].read === true) {
 7 |       return <i style={{paddingLeft: 10}} className="material-icons">notifications_none</i>;
 8 |     }
 9 |     const numUnread = notifs.filter(notif => notif.read === false).length;
10 | 
11 |     return (
12 |       <div className="circle-with-text" style={{marginTop: 10, marginRight: -6}}>
13 |         {numUnread}
14 |       </div>
15 |     );
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Portfolio/Two.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Discussion from '../Discussion/Main';
 3 | 
 4 | export default class Two extends React.Component {
 5 |   render() {
 6 |     const context = {name: 'user', queryBy: this.props.userId};
 7 |     return (
 8 |       <div className="container">
 9 |         <div className="row">
10 |           <h3>Posts</h3>
11 |           <Discussion
12 |             context={context}
13 |             loggedinUser={this.props.loggedinAs}
14 |             readOnly
15 |             showContext={true}
16 |           />
17 |         </div>
18 |       </div>
19 |     );
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/reducers/community.js:
--------------------------------------------------------------------------------
 1 | const initState = {
 2 |   info: {
 3 |     slug: "developers",
 4 |     name: "Developers",
 5 |     desc: "Make web, mobile, and desktop apps.",
 6 |     members: ['xiaoyun-yang', 'afenner'],
 7 |     projects: ['create-kids-app-12345', 'rewrite-website-for-nonprofit-56789']
 8 |   }
 9 | };
10 | 
11 | export default function community(state = initState, action) {
12 |   switch (action.type) {
13 |     default:
14 |       return state;  // If the reducer is triggered but no case matches, return the current store state. No changes are required so you don’t need to create a new object.
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/client/src/craApps/App.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { BrowserRouter } from 'react-router-dom';
 3 | import { Provider } from 'react-redux';
 4 | import Header from '../components/Header';
 5 | import Main from '../components/Main';
 6 | import configureStore from '../store/configureStore';
 7 | 
 8 | const store = configureStore(window.INITIAL_STATE);
 9 | 
10 | /*
11 |  * App
12 |  * caller: index.js
13 |  */
14 | const App = () => (
15 |   <Provider store={store}>
16 |     <BrowserRouter>
17 |       <div>
18 |         <Header />
19 |         <Main />
20 |       </div>
21 |     </BrowserRouter>
22 |   </Provider>
23 | );
24 | 
25 | export default App;
26 | 


--------------------------------------------------------------------------------
/server/views/index.ejs:
--------------------------------------------------------------------------------
 1 | <% include header %>
 2 | <% if (entries.length) { %>
 3 |   <% entries.forEach(function(entry) { %>
 4 |     <div class="panel panel-default">
 5 |       <div class="panel-heading">
 6 |         <div class="text-muted pull-right">
 7 |           <%= entry.published %>
 8 |         </div>
 9 |         <a href="/guestbook/<%= entry.id %>"/>
10 |           <%= entry.title %>
11 |         </a>
12 |       </div>
13 |       <div class="panel-body">
14 |         <%= entry.content %>
15 |       </div>
16 |     </div>
17 |   <% }) %>
18 | <% } else { %>
19 |   No entries! <a href="/guestbook/new-entry">Add one!</a>
20 | <% } %>
21 | <% include footer %>
22 | 


--------------------------------------------------------------------------------
/client/src/shared/ProjectPage/screens/Page/Feed.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Discussion from '../../../components/Discussion/Main';
 3 | 
 4 | const Feed = ({ user, projectId }) => (
 5 |   <div id="project-page-discussion">
 6 |     <h5>Discussion</h5>
 7 |     <div className="col s12 m12 l12 user-feed">
 8 |     {
 9 |       <Discussion
10 |         context={{ name: 'project', queryBy: projectId.toString() }}
11 |         loggedinUser={user}
12 |         newPostPlaceholder='Post an update, question, or clarification to this project.'
13 |         readOnly={!user}
14 |       />
15 |     }
16 |     </div>
17 |   </div>
18 | );
19 | 
20 | export default Feed;
21 | 


--------------------------------------------------------------------------------
/client/src/assets/markdown/our-values.md:
--------------------------------------------------------------------------------
1 | At LooseLeaf, we believe people with genuine passion for the work and the self initiative and grit to continue learning and improving upon their skills should not be precluded from careers simply because they did not go through a costly four year credentialing program. Everyone who's willing to invest time and effort in their professional development deserves free access to mentorship, peer support system, and opportunities to acquire practical work experience. We believe companies should have a better way to find these individuals, recruit them, and assess their abilities and culture fit based on more granular data of their track record.
2 | 


--------------------------------------------------------------------------------
/server/views/profile.ejs:
--------------------------------------------------------------------------------
 1 | <% include _header %>
 2 | <% if ((currentUser) && (currentUser.id === user.id)) { %>
 3 |   <a href="/auth/edit" class="pull-right">Edit your profile</a>
 4 |   <% } %>
 5 |   <h1><%= user.name() %></h1>
 6 |   <h2>Joined on <%= user.createdAt %></h2>
 7 |   <% if (user.picture) { %>
 8 |     <img src=<%= user.picture %> height="120" width="120"/>
 9 |   <% } %>
10 |   <p>Email:  <%= user.email %></p>
11 |   <% if (user.bio) { %>
12 |     <p>Bio:  <%= user.bio %></p>
13 |   <% } %>
14 |   <% if (user.gender) { %>
15 |     <p>Gender:  <%= user.gender %></p>
16 |   <% } %>
17 |   <% if (user.location) { %>
18 |     <p>Location:  <%= user.location %></p>
19 |   <% } %>
20 | <% include _footer %>
21 | 


--------------------------------------------------------------------------------
/client/src/shared/Post/routes.js:
--------------------------------------------------------------------------------
 1 | import Root from './Root';
 2 | import Page from './screens/Page/Main';
 3 | import NotFound from '../components/NotFound';
 4 | import appRoute from '../data/appRoute';
 5 | 
 6 | const getRoutes = postId => {
 7 |   const routes = [
 8 |     {
 9 |       component: Root,
10 |       routes: [
11 |         {
12 |           path: appRoute('postPage')(postId),
13 |           component: Page
14 |         },
15 |         {
16 |           path: appRoute('postWildcard'),
17 |           component: NotFound
18 |         }
19 |       ]
20 |     }
21 |   ];
22 |   return routes;
23 | };
24 | 
25 | // Caller:
26 | // getRoutes is used by App.js
27 | // getNav is used by TopNav.js
28 | export { getRoutes };
29 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/configureStore/userPage.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   createStore,
 3 |   combineReducers,
 4 |   applyMiddleware,
 5 |   compose } from 'redux';
 6 | import thunkMiddleware from 'redux-thunk';
 7 | import user from '../reducers/user';
 8 | 
 9 | const reducers = combineReducers({
10 |   user
11 | });
12 | 
13 | //TODO: remove logger for only production mode
14 | const configureStore = ({user}, init) => {
15 |   const middleware = [thunkMiddleware];
16 |   const enhancer = compose(
17 |     applyMiddleware(...middleware)
18 |   );
19 |   const store = createStore(
20 |     reducers,
21 |     {
22 |       user: user
23 |     },
24 |     enhancer
25 |   );
26 |   return store;
27 | }
28 | 
29 | export default configureStore;
30 | 


--------------------------------------------------------------------------------
/server/views/new-entry.ejs:
--------------------------------------------------------------------------------
 1 | <% include header %>
 2 | <h2>Write a new entry</h2>
 3 | <form method="post" role="form">
 4 |   <div class="form-group">
 5 |     <label for="title">Title</label>
 6 |     3.5.4
 7 |     <input type="text" class="form-control" id="title" name="title" placeholder="Entry title" required>
 8 |   </div>
 9 |   <div class="form-group">
10 |     <label for="content">Entry text</label>
11 |     <textarea class="form-control" id="body" name="body" placeholder="Love Express! It’s a great tool for ➥ building websites." rows="3" required></textarea>
12 |   </div>
13 |   <div class="form-group">
14 |     <input type="submit" value="Post entry" class="btn btn-primary">
15 |   </div>
16 | </form>
17 | <% include footer %>
18 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/configureStore/explorePage.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   createStore,
 3 |   combineReducers,
 4 |   applyMiddleware,
 5 |   compose } from 'redux';
 6 | import thunkMiddleware from 'redux-thunk';
 7 | import user from '../reducers/user';
 8 | 
 9 | const reducers = combineReducers({
10 |   user
11 | });
12 | 
13 | //TODO: remove logger for only production mode
14 | const configureStore = ({user}, init) => {
15 |   const middleware = [thunkMiddleware];
16 |   const enhancer = compose(
17 |     applyMiddleware(...middleware)
18 |   );
19 |   const store = createStore(
20 |     reducers,
21 |     {
22 |       user: user
23 |     },
24 |     enhancer
25 |   );
26 |   return store;
27 | }
28 | 
29 | export default configureStore;
30 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Login/LoginForm.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import LocalLogin from './LocalLogin';
 3 | import SocialLogin from './SocialLogin';
 4 | 
 5 | const LoginForm = ({ header, action, redirPath }) => (
 6 |   <div className="modal-content">
 7 |     <div className="row container center">
 8 |       <h5 className="text-brown">{header}</h5>
 9 |     </div>
10 |     <div className="row center">
11 |       <SocialLogin oauthOpts={['facebook', 'github', 'google']} action={action} redirPath={redirPath} />
12 |     </div>
13 |     <div className="row or-divider">
14 |       <span>OR</span>
15 |     </div>
16 |     <LocalLogin action={action} redirPath={redirPath} />
17 |   </div>
18 | );
19 | 
20 | export default LoginForm;
21 | 


--------------------------------------------------------------------------------
/client/src/clientApps/landing.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import { BrowserRouter } from 'react-router-dom';
 4 | import 'materialize-css';
 5 | import 'materialize-css/dist/css/materialize.min.css';
 6 | import 'materialize-css/dist/js/materialize.min';
 7 | import App from '../shared/Landing/App';
 8 | import '../lib/tabs';
 9 | import '../assets/index.css';
10 | /*
11 |  * Main entry point for the client side isomorphic app
12 |  */
13 | const renderRouter = (Component, store) => {
14 |   ReactDOM.hydrate(
15 |     <BrowserRouter>
16 |       <Component />
17 |     </BrowserRouter>, document.getElementById('root')
18 |   );
19 | };
20 | 
21 | // Wrapping App inside of Provider
22 | // render(RecipeApp, store);
23 | renderRouter(App);
24 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/configureStore/communityGuestPage.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   createStore,
 3 |   combineReducers,
 4 |   applyMiddleware,
 5 |   compose } from 'redux';
 6 | import thunkMiddleware from 'redux-thunk';
 7 | import community from '../reducers/community';
 8 | 
 9 | //TODO: remove logger for only production mode
10 | 
11 | const reducers = combineReducers({
12 |   community
13 | });
14 | 
15 | const configureStore = ({community}, init) => {
16 |   const middleware = [thunkMiddleware];
17 |   const enhancer = compose(
18 |     applyMiddleware(...middleware)
19 |   );
20 |   const store = createStore(
21 |     reducers,
22 |     {
23 |       community: community
24 |     },
25 |     enhancer
26 |   );
27 |   return store;
28 | }
29 | 
30 | export default configureStore;
31 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Login/LegalInfo.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import appRoute from '../../data/appRoute';
 3 | 
 4 | const LegalInfo = () => (
 5 |   <div className="col l12 m12 s12">
 6 |     <span>
 7 |       <a
 8 |         href={appRoute('landingTerms', true)}
 9 |         target="_blank"
10 |         className="center-align"
11 |         style={{color: '#555', textDecoration: 'underline'}}
12 |       >
13 |         Terms
14 |       </a>{`  |  `}
15 |       <a
16 |         href={appRoute('landingPrivacy', true)}
17 |         target="_blank"
18 |         className="center-align"
19 |         style={{color: '#555', textDecoration: 'underline'}}
20 |       >
21 |         Privacy
22 |       </a>
23 |     </span>
24 |   </div>
25 | );
26 | 
27 | export default LegalInfo
28 | 


--------------------------------------------------------------------------------
/server/api1/posts.js:
--------------------------------------------------------------------------------
 1 | import Post from '../models/Post';
 2 | 
 3 | export const getPosts = (findCriteria, reqLimit, reqPage, cbSuccess, cbFailure) => {
 4 |   const limit = reqLimit ? parseInt(reqLimit, 10) : 5;
 5 |   const page = reqPage ? parseInt(reqPage, 10) : 1;
 6 |   const options = {
 7 |     page, limit, sort: { createdAt: -1 }
 8 |   };
 9 |   return Post.paginate(findCriteria, options, (err, posts) => {
10 |     if (err) return cbFailure(err);
11 |     return cbSuccess(posts.docs);
12 |   });
13 | };
14 | 
15 | 
16 | // NOTE: Deprecated
17 | // const getPosts = ({ findCriteria, limit, cbSuccess }) => {
18 | //   return Post.find(findCriteria).sort({ createdAt: -1 }).limit(limit).exec(
19 | //     (err, posts) => {
20 | //       cbSuccess(posts);
21 | //     }
22 | //   );
23 | // };
24 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/actions/post.js:
--------------------------------------------------------------------------------
 1 | import fetch from 'isomorphic-fetch';
 2 | import { apiLink } from '../../data/apiLinks';
 3 | 
 4 | export const GET_POST_BY_ID = 'GET_POST_BY_ID';
 5 | 
 6 | export function fetchPostById(postId) {
 7 |   return dispatch => {
 8 |     return fetch(apiLink.postById(postId), {
 9 |       method: 'GET'
10 |     }).then((response) => {
11 |       if(response.length===0) return;
12 |       return response.json().then((data) => { // On a successful response, get the JSON from the response.
13 |         if(data.length===0) return;
14 |         return dispatch({  // Dispatch the action.
15 |           type: GET_POST_BY_ID,
16 |           data: data.pop()
17 |         });
18 |       });
19 |     }).catch((e) => {
20 |       console.log("error", e)
21 |     });
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/configureStore/postPage.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   createStore,
 3 |   combineReducers,
 4 |   applyMiddleware,
 5 |   compose } from 'redux';
 6 | import thunkMiddleware from 'redux-thunk';
 7 | import post from '../reducers/post';
 8 | import user from '../reducers/user';
 9 | 
10 | const reducers = combineReducers({
11 |   post,
12 |   user
13 | });
14 | 
15 | //TODO: remove logger for only production mode
16 | const configureStore = ({post, user}, init) => {
17 |   const middleware = [thunkMiddleware];
18 |   const enhancer = compose(
19 |     applyMiddleware(...middleware)
20 |   );
21 |   const store = createStore(
22 |     reducers,
23 |     {
24 |       post: post,
25 |       user: user
26 |     },
27 |     enhancer
28 |   );
29 |   return store;
30 | }
31 | 
32 | export default configureStore;
33 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/Recipe/init-redux.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   createStore,
 3 |   combineReducers, // Use the combineReducers function to create one root reducer. In bigger apps you will have many reducers.
 4 |   applyMiddleware,
 5 |   compose } from 'redux';
 6 | import thunkMiddleware from 'redux-thunk';
 7 | import recipes from './reducers/recipes';
 8 | import projects from './reducers/projects';
 9 | 
10 | export default function (initialStore={}) {
11 |   const reducer = combineReducers({
12 |     recipes,
13 |     projects
14 |   });
15 |   const middleware = [thunkMiddleware]
16 |   return compose(
17 |     applyMiddleware(...middleware)
18 |   )(createStore)(reducer, initialStore); // the initialStore value is passed into the Redux createStore function. The store is now hydrated with the data from the server
19 | }
20 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/configureStore/projectPage.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   createStore,
 3 |   combineReducers,
 4 |   applyMiddleware,
 5 |   compose } from 'redux';
 6 | import thunkMiddleware from 'redux-thunk';
 7 | import project from '../reducers/project';
 8 | import user from '../reducers/user';
 9 | 
10 | const reducers = combineReducers({
11 |   project,
12 |   user
13 | });
14 | 
15 | //TODO: remove logger for only production mode
16 | const configureStore = ({project, user}, init) => {
17 |   const middleware = [thunkMiddleware];
18 |   const enhancer = compose(
19 |     applyMiddleware(...middleware)
20 |   );
21 |   const store = createStore(
22 |     reducers,
23 |     {
24 |       project: project,
25 |       user: user
26 |     },
27 |     enhancer
28 |   );
29 |   return store;
30 | }
31 | 
32 | export default configureStore;
33 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/configureStore/communityUserPage.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   createStore,
 3 |   combineReducers,
 4 |   applyMiddleware,
 5 |   compose } from 'redux';
 6 | import thunkMiddleware from 'redux-thunk';
 7 | import community from '../reducers/community';
 8 | import user from '../reducers/user';
 9 | 
10 | //TODO: remove logger for only production mode
11 | 
12 | const reducers = combineReducers({
13 |   community,
14 |   user
15 | });
16 | 
17 | const configureStore = ({user, community}, init) => {
18 |   const middleware = [thunkMiddleware];
19 |   const enhancer = compose(
20 |     applyMiddleware(...middleware)
21 |   );
22 |   const store = createStore(
23 |     reducers,
24 |     {
25 |       community: community,
26 |       user: user
27 |     },
28 |     enhancer
29 |   );
30 |   return store;
31 | }
32 | 
33 | export default configureStore;
34 | 


--------------------------------------------------------------------------------
/client/scripts/test.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | // Do this as the first thing so that any code reading it knows the right env.
 4 | process.env.BABEL_ENV = 'test';
 5 | process.env.NODE_ENV = 'test';
 6 | process.env.PUBLIC_URL = '';
 7 | 
 8 | // Makes the script crash on unhandled rejections instead of silently
 9 | // ignoring them. In the future, promise rejections that are not handled will
10 | // terminate the Node.js process with a non-zero exit code.
11 | process.on('unhandledRejection', err => {
12 |   throw err;
13 | });
14 | 
15 | // Ensure environment variables are read.
16 | require('../config/env');
17 | 
18 | const jest = require('jest');
19 | const argv = process.argv.slice(2);
20 | 
21 | // Watch unless on CI or in coverage mode
22 | if (!process.env.CI && argv.indexOf('--coverage') < 0) {
23 |   argv.push('--watch');
24 | }
25 | 
26 | 
27 | jest.run(argv);
28 | 


--------------------------------------------------------------------------------
/server/api1/notifs.js:
--------------------------------------------------------------------------------
 1 | import Notif from '../models/Notif';
 2 | 
 3 | export const createNotif = ({
 4 |   fromUser,
 5 |   toUser,
 6 |   action,
 7 |   ref
 8 | }) => {
 9 |   if (fromUser.toString === toUser.toString) return;
10 |   const newNotif = new Notif();
11 |   newNotif.fromUser = fromUser;
12 |   newNotif.toUser = toUser;
13 |   newNotif.action = action;
14 |   newNotif.ref = ref;
15 |   newNotif.save();
16 | };
17 | 
18 | export const getNotifs = (findCriteria, reqLimit, reqPage, cbSuccess, cbFailure) => {
19 |   const limit = reqLimit ? parseInt(reqLimit, 10) : 5;
20 |   const page = reqPage ? parseInt(reqPage, 10) : 1;
21 |   const options = {
22 |     page, limit, sort: { createdAt: -1 }
23 |   };
24 |   return Notif.paginate(findCriteria, options, (err, notifs) => {
25 |     if (err) return cbFailure(err);
26 |     return cbSuccess(notifs.docs);
27 |   });
28 | };
29 | 


--------------------------------------------------------------------------------
/server/models/Notif.js:
--------------------------------------------------------------------------------
 1 | import mongoose from 'mongoose';
 2 | import mongoosePaginate from 'mongoose-paginate';
 3 | 
 4 | 
 5 | // action may be: ['STARTED_FOLLOWING', "INVITED_TO_PROJECT", "STARTED_CONTRIBUTE_TO_PROJECT"]
 6 | const schema = mongoose.Schema({
 7 |   createdAt: { type: Date, default: Date.now },
 8 |   fromUser: { type: mongoose.Schema.ObjectId, ref: 'User' },
 9 |   toUser: { type: mongoose.Schema.ObjectId, ref: 'User' },
10 |   action: { type: String, required: true },
11 |   ref: { type: String, required: true },
12 |   read: { type: Boolean, default: false }
13 | });
14 | 
15 | // projectSchema.path('title').required(true, 'Project title cannot be blank');
16 | 
17 | schema.plugin(mongoosePaginate);
18 | 
19 | // Creating and exporting the user model =======================================
20 | const Notif = mongoose.model('Notif', schema);
21 | 
22 | module.exports = Notif;
23 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/configureStore/initUserPage.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   createStore,
 3 |   combineReducers, // Use the combineReducers function to create one root reducer. In bigger apps you will have many reducers.
 4 |   applyMiddleware,
 5 |   compose } from 'redux';
 6 | import thunkMiddleware from 'redux-thunk';
 7 | import loggerMiddleware from 'redux-logger';
 8 | import user from '../reducers/user';
 9 | 
10 | // NOTE: The init[blank]Page are exclusively used by CRA for testing only
11 | export default function (initialStore={}) {
12 |   const reducers = combineReducers({
13 |     user
14 |   });
15 |   const middleware = [thunkMiddleware, loggerMiddleware];
16 |   return compose(
17 |     applyMiddleware(...middleware)
18 |   )(createStore)(reducers, initialStore); // the initialStore value is passed into the Redux createStore function. The store is now hydrated with the data from the server
19 | }
20 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/configureStore/initExplorePage.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   createStore,
 3 |   combineReducers, // Use the combineReducers function to create one root reducer. In bigger apps you will have many reducers.
 4 |   applyMiddleware,
 5 |   compose } from 'redux';
 6 | import thunkMiddleware from 'redux-thunk';
 7 | import loggerMiddleware from 'redux-logger';
 8 | import user from '../reducers/user';
 9 | 
10 | // NOTE: The init[blank]Page are exclusively used by CRA for testing only
11 | export default function (initialStore={}) {
12 |   const reducers = combineReducers({
13 |     user
14 |   });
15 |   const middleware = [thunkMiddleware, loggerMiddleware];
16 |   return compose(
17 |     applyMiddleware(...middleware)
18 |   )(createStore)(reducers, initialStore); // the initialStore value is passed into the Redux createStore function. The store is now hydrated with the data from the server
19 | }
20 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Discussion/Comments.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import Discussion from './Main';
 4 | 
 5 | // Comments is called by Post
 6 | const Comments = ({
 7 |   postId,
 8 |   loggedinUser,
 9 |   updateParentPostCommentsNum
10 | }) => (
11 |   <div style={{ paddingLeft: '5%' }}>
12 |     <Discussion
13 |       context={{ name: 'post', queryBy: postId }}
14 |       loggedinUser={loggedinUser}
15 |       newPostPlaceholder="Post a comment."
16 |       readOnly={!loggedinUser}
17 |       noPostDisp="No comment found."
18 |       updateParentPostCommentsNum={updateParentPostCommentsNum}
19 |     />
20 |   </div>
21 | );
22 | 
23 | Comments.propTypes = {
24 |   postId: PropTypes.string.isRequired,
25 |   loggedinUser: PropTypes.object.isRequired,
26 |   updateParentPostCommentsNum: PropTypes.func.isRequired
27 | };
28 | 
29 | export default Comments;
30 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/configureStore/initCommunityGuestPage.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   createStore,
 3 |   combineReducers, // Use the combineReducers function to create one root reducer. In bigger apps you will have many reducers.
 4 |   applyMiddleware,
 5 |   compose } from 'redux';
 6 | import thunkMiddleware from 'redux-thunk';
 7 | import loggerMiddleware from 'redux-logger';
 8 | import community from '../reducers/community';
 9 | 
10 | // NOTE: The init[blank]Page are exclusively used by CRA for testing only
11 | export default function (initialStore={}) {
12 |   const reducers = combineReducers({
13 |     community
14 |   });
15 |   const middleware = [thunkMiddleware, loggerMiddleware];
16 |   return compose(
17 |     applyMiddleware(...middleware)
18 |   )(createStore)(reducers, initialStore); // the initialStore value is passed into the Redux createStore function. The store is now hydrated with the data from the server
19 | }
20 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Login/LoginPage.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Link } from 'react-router-dom';
 3 | import LoginForm from './LoginForm';
 4 | import appRoute from '../../data/appRoute';
 5 | import LegalInfo from './LegalInfo';
 6 | 
 7 | const LoginPage = ({ route }) => (
 8 |   <div className="section-white row" style={{ minHeight: '45em' }}>
 9 |     <div className="col s12 m10 l10 offset-m1 offset-l1" style={{paddingTop: '50px'}}>
10 |       <LoginForm
11 |         action="Continue"
12 |         header="Login"
13 |         redirPath="/"
14 |       />
15 |       <div className="row center hero">
16 |         <div className="col l12 m12 s12">
17 |           <h6 style={{ marginTop: 40 }}>
18 |             New to LooseLeaf? <Link to={appRoute('signup')}>Sign up</Link>
19 |           </h6>
20 |         </div>
21 |         <LegalInfo />
22 |       </div>
23 |     </div>
24 |   </div>
25 | );
26 | 
27 | export default LoginPage;
28 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Login/SignupPage.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Link } from 'react-router-dom';
 3 | import LoginForm from './LoginForm';
 4 | import appRoute from '../../data/appRoute';
 5 | import LegalInfo from './LegalInfo';
 6 | 
 7 | const SignupPage = ({ route }) => (
 8 |   <div className="section-white row" style={{ minHeight: '45em' }}>
 9 |     <div className="col s12 m10 l10 offset-m1 offset-l1" style={{ paddingTop: '50px' }}>
10 |       <LoginForm
11 |         action="Join"
12 |         header="Signup"
13 |         redirPath="/"
14 |       />
15 |       <div className="row center hero">
16 |         <div className="col l12 m12 s12">
17 |           <h6 style={{ marginTop: 40 }}>
18 |             Already a member? <Link to={appRoute('login')}>Log in</Link>
19 |           </h6>
20 |         </div>
21 |         <LegalInfo />
22 |       </div>
23 |     </div>
24 |   </div>
25 | );
26 | 
27 | export default SignupPage;
28 | 


--------------------------------------------------------------------------------
/client/src/shared/CommunityGuest/Tabs/Two.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import TopNav from '../TopNav';
 3 | import { communityPage as page }  from '../../data/appPage';
 4 | import Discussion from '../../components/Discussion/Main';
 5 | 
 6 | export default class Two extends React.Component {
 7 |   render() {
 8 |     const context = { name: 'community', queryBy: this.props.community.slug };
 9 |     return (
10 |       <div className="section-white" style={{minHeight: '100vh'}}>
11 |         <TopNav route={this.props.route} user={this.props.user} community={this.props.community} />
12 |         <div className="community-page container">
13 |           <div id={page(this.props.community.slug).two.slug}>
14 |             <h3>{page(this.props.community.slug).two.name}</h3>
15 |               <Discussion
16 |                 context={context}
17 |               />
18 |           </div>
19 |         </div>
20 |       </div>
21 |     );
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/Recipe/reducers/recipes.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   GET_RECIPES,
 3 |   GET_FEATURED_RECIPE } from '../actions/recipes';
 4 | // Include the constants from the action creators.
 5 | 
 6 | export default function recipes(state = {}, action) {
 7 |   switch (action.type) {
 8 |     case GET_RECIPES:
 9 |       return {
10 |         ...state, // Use the spread operator to clone the state object. This maintains the immutable store.
11 |         recipes: action.data,  // Use the data from the action to override the current state so that the new app state is the old app state with the modified data
12 |       };
13 |     case GET_FEATURED_RECIPE:
14 |       return {
15 |         ...state,
16 |         featuredRecipe: action.data,
17 |       };
18 |     default:
19 |       return state;  // If the reducer is triggered but no case matches, return the current store state. No changes are required so you don’t need to create a new object.
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/configureStore/initPostPage.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   createStore,
 3 |   combineReducers, // Use the combineReducers function to create one root reducer. In bigger apps you will have many reducers.
 4 |   applyMiddleware,
 5 |   compose } from 'redux';
 6 | import thunkMiddleware from 'redux-thunk';
 7 | import loggerMiddleware from 'redux-logger';
 8 | import post from '../reducers/post';
 9 | import user from '../reducers/user';
10 | 
11 | // NOTE: The init[blank]Page are exclusively used by CRA for testing only
12 | export default function (initialStore={}) {
13 |   const reducers = combineReducers({
14 |     post,
15 |     user
16 |   });
17 |   const middleware = [thunkMiddleware, loggerMiddleware];
18 |   return compose(
19 |     applyMiddleware(...middleware)
20 |   )(createStore)(reducers, initialStore); // the initialStore value is passed into the Redux createStore function. The store is now hydrated with the data from the server
21 | }
22 | 


--------------------------------------------------------------------------------
/test/txt.js:
--------------------------------------------------------------------------------
 1 | const app = require('../server/server');
 2 | const supertest = require('supertest');
 3 | 
 4 | describe('plain text response', () => {
 5 |   let request;
 6 |   beforeEach(() => {
 7 |     request = supertest(app) // SuperTest builds up the request.
 8 |       .get('/test/') // You visit the "/test" URL.
 9 |       .set('User-Agent', 'my cool browser')
10 |       .set('Accept', 'text/plain'); // Sets a header describing what content type we want back from the server
11 |   });
12 |   it('returns a plain text response', (done) => {
13 |     request
14 |       .expect('Content-Type', /text\/plain/)
15 |       .expect(200)
16 |       .end(done);
17 |   });
18 |   it('returns your User Agent', (done) => {
19 |     request
20 |       .expect((res) => {
21 |         if (res.text !== 'my cool browser') {
22 |           throw new Error('Response does not contain User Agent');
23 |         }
24 |       })
25 |       .end(done);
26 |   });
27 | // ...
28 | });
29 | 


--------------------------------------------------------------------------------
/client/config/polyfills.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | if (typeof Promise === 'undefined') {
 4 |   // Rejection tracking prevents a common issue where React gets into an
 5 |   // inconsistent state due to an error, but it gets swallowed by a Promise,
 6 |   // and the user has no idea what causes React's erratic future behavior.
 7 |   require('promise/lib/rejection-tracking').enable();
 8 |   window.Promise = require('promise/lib/es6-extensions.js');
 9 | }
10 | 
11 | // fetch() polyfill for making API calls.
12 | require('whatwg-fetch');
13 | 
14 | // Object.assign() is commonly used with React.
15 | // It will use the native implementation if it's present and isn't buggy.
16 | Object.assign = require('object-assign');
17 | 
18 | // In tests, polyfill requestAnimationFrame since jsdom doesn't provide it yet.
19 | // We don't polyfill it in the browser--this is user's responsibility.
20 | if (process.env.NODE_ENV === 'test') {
21 |   require('raf').polyfill(global);
22 | }
23 | 


--------------------------------------------------------------------------------
/client/src/assets/markdown/careers.md:
--------------------------------------------------------------------------------
 1 | # Careers at LooseLeaf
 2 | 
 3 | We do not have any full-time positions available now but we are looking for freelancers, interns, and apprentices in these areas:
 4 | 
 5 | ## Front-end Developer
 6 | 
 7 | - React and Redux
 8 | - Vanilla CSS and CSS framework / preprocessor like SASS or LESS
 9 | - UX/UI Design
10 | - [our stack](https://stackshare.io/looseleaf/looseleaf)
11 | 
12 | ## Full-stack Developer and DevOps
13 | 
14 | - Node, Express, Mongo, Mongoose
15 | - Isomorphic application
16 | - REST API
17 | - AWS ECS, AWS EFS, Docker
18 | - [our stack](https://stackshare.io/looseleaf/looseleaf)
19 | 
20 | 
21 | ## Sales and Marketing
22 | 
23 | - Email Marketing
24 | - Newsletters writing
25 | - Coordinating Meetup events and hackathons
26 | - Social Media manager
27 | - Press release
28 | 
29 | If you are interested in any of these positions, please email us at <a href="mailto: hello@looseleafapp.com">hello@looseleafapp.com</a>.
30 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/configureStore/initProjectPage.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   createStore,
 3 |   combineReducers, // Use the combineReducers function to create one root reducer. In bigger apps you will have many reducers.
 4 |   applyMiddleware,
 5 |   compose } from 'redux';
 6 | import thunkMiddleware from 'redux-thunk';
 7 | import loggerMiddleware from 'redux-logger';
 8 | import project from '../reducers/project';
 9 | import user from '../reducers/user';
10 | 
11 | // NOTE: The init[blank]Page are exclusively used by CRA for testing only
12 | export default function (initialStore={}) {
13 |   const reducers = combineReducers({
14 |     project,
15 |     user
16 |   });
17 |   const middleware = [thunkMiddleware, loggerMiddleware];
18 |   return compose(
19 |     applyMiddleware(...middleware)
20 |   )(createStore)(reducers, initialStore); // the initialStore value is passed into the Redux createStore function. The store is now hydrated with the data from the server
21 | }
22 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/configureStore/initCommunityUserPage.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   createStore,
 3 |   combineReducers, // Use the combineReducers function to create one root reducer. In bigger apps you will have many reducers.
 4 |   applyMiddleware,
 5 |   compose } from 'redux';
 6 | import thunkMiddleware from 'redux-thunk';
 7 | import loggerMiddleware from 'redux-logger';
 8 | import community from '../reducers/community';
 9 | import user from '../reducers/user';
10 | 
11 | // NOTE: The init[blank]Page are exclusively used by CRA for testing only
12 | export default function (initialStore={}) {
13 |   const reducers = combineReducers({
14 |     community,
15 |     user
16 |   });
17 |   const middleware = [thunkMiddleware, loggerMiddleware];
18 |   return compose(
19 |     applyMiddleware(...middleware)
20 |   )(createStore)(reducers, initialStore); // the initialStore value is passed into the Redux createStore function. The store is now hydrated with the data from the server
21 | }
22 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/Recipe/reducers/projects.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   GET_NEW_PROJECTS,
 3 |   GET_COMPLETED_PROJECTS } from '../actions/projects';
 4 | // Include the constants from the action creators.
 5 | 
 6 | export default function projects(state = {}, action) {
 7 |   switch (action.type) {
 8 |     case GET_NEW_PROJECTS:
 9 |       return {
10 |         ...state, // Use the spread operator to clone the state object. This maintains the immutable store.
11 |         newProjects: action.data,  // Use the data from the action to override the current state so that the new app state is the old app state with the modified data
12 |       };
13 |     case GET_COMPLETED_PROJECTS:
14 |       return {
15 |         ...state,
16 |         completedProjects: action.data,
17 |       };
18 | 
19 |     default:
20 |       return state;  // If the reducer is triggered but no case matches, return the current store state. No changes are required so you don’t need to create a new object.
21 |   }
22 | }
23 | 


--------------------------------------------------------------------------------
/client/src/shared/Explore/App.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderRoutes } from 'react-router-config';
 3 | import { connect } from 'react-redux';
 4 | import { withRouter } from "react-router-dom";
 5 | import { bindActionCreators } from 'redux';
 6 | import * as actionCreators from '../redux/actions/page';
 7 | import { routes } from './routes';
 8 | 
 9 | class AppContainer extends React.Component {
10 |   render() {
11 |     return (
12 |       <App {...this.props} />
13 |     );
14 |   }
15 | }
16 | const App = ({ state, actions }) => (
17 |   <div>
18 |     {renderRoutes(routes, { state })}
19 |   </div>
20 | );
21 | 
22 | // This function lets you convert the app state to properties on your component.
23 | function mapStateToProps(state) {
24 |   return {state: state};
25 | }
26 | 
27 | function mapDispatchToProps(dispatch) {
28 |   return { actions: bindActionCreators(actionCreators, dispatch) };
29 | }
30 | export default withRouter(
31 |   connect(mapStateToProps, mapDispatchToProps)(AppContainer)
32 | );
33 | 


--------------------------------------------------------------------------------
/client/src/shared/Post/App.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderRoutes } from 'react-router-config';
 3 | import { connect } from 'react-redux';
 4 | import { withRouter } from "react-router-dom";
 5 | import { bindActionCreators } from 'redux';
 6 | import * as actionCreators from '../redux/actions/page';
 7 | import { getRoutes } from './routes';
 8 | 
 9 | class AppContainer extends React.Component {
10 |   render() {
11 |     return (
12 |       <App {...this.props} />
13 |     );
14 |   }
15 | }
16 | const App = ({ state, actions }) => (
17 |   <div>
18 |     {renderRoutes(getRoutes(state.post.main._id), {state, actions})}
19 |   </div>
20 | );
21 | 
22 | // This function lets you convert the app state to properties on your component.
23 | function mapStateToProps(state) {
24 |   return {state: state};
25 | }
26 | 
27 | function mapDispatchToProps(dispatch) {
28 |   return { actions: bindActionCreators(actionCreators, dispatch) };
29 | }
30 | export default withRouter(
31 |   connect(mapStateToProps, mapDispatchToProps)(AppContainer)
32 | );
33 | 


--------------------------------------------------------------------------------
/client/src/shared/CommunityGuest/Tabs/One.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import TopNav from '../TopNav';
 3 | import { communityPage as page }  from '../../data/appPage';
 4 | import Projects from '../../components/Collection/Projects/Main';
 5 | 
 6 | export default class One extends React.Component {
 7 |   render() {
 8 |     return (
 9 |       <div className="section-white" style={{minHeight: '100vh'}}>
10 |         <TopNav route={this.props.route} user={this.props.user} community={this.props.community} />
11 |         <div className="community-page container">
12 |           <div className="row">
13 |             <div id={page(this.props.community.slug).one.slug} className="col s12">
14 |               <h3>{page(this.props.community.slug).one.slug}</h3>
15 |               <Projects
16 |                 context='community'
17 |                 communitySlug={this.props.community.slug}
18 |                 loggedinUser={null}
19 |               />
20 |             </div>
21 |           </div>
22 |         </div>
23 |       </div>
24 |     );
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/client/src/shared/ProjectPage/routes.js:
--------------------------------------------------------------------------------
 1 | import Root from './Root';
 2 | import Page from './screens/Page/Main';
 3 | import New from './screens/New/Main';
 4 | import Edit from './screens/Edit/Main';
 5 | import NotFound from '../components/NotFound';
 6 | import appRoute from '../data/appRoute';
 7 | 
 8 | const getRoutes = slug => {
 9 | 
10 |   const routes = [
11 |     {
12 |       component: Root,
13 |       routes: [
14 |         {
15 |           path: appRoute('projectPage')(slug),
16 |           component: Page
17 |         },
18 |         {
19 |           path: appRoute('newProject'),
20 |           exact: true,
21 |           component: New
22 |         },
23 |         {
24 |           path: appRoute('editProject')(slug),
25 |           exact: true,
26 |           component: Edit
27 |         },
28 |         {
29 |           path: appRoute('projectWildcard'),
30 |           component: NotFound
31 |         },
32 |       ]
33 |     }
34 |   ];
35 |   return routes;
36 | };
37 | 
38 | // Caller:
39 | // getRoutes is used by App.js
40 | // getNav is used by TopNav.js
41 | export { getRoutes };
42 | 


--------------------------------------------------------------------------------
/server/models/Post.js:
--------------------------------------------------------------------------------
 1 | import mongoose from 'mongoose';
 2 | import mongoosePaginate from 'mongoose-paginate';
 3 | 
 4 | const schema = mongoose.Schema({
 5 |   createdAt: { type: Date, default: Date.now },
 6 |   postedBy: { type: mongoose.Schema.ObjectId, ref: 'User' },
 7 |   context: {
 8 |     project: { type: mongoose.Schema.ObjectId, ref: 'Project' },
 9 |     post: { type: mongoose.Schema.ObjectId, ref: 'Post' },
10 |     community: { type: String }
11 |   },
12 |   content: {
13 |     type: String,
14 |     required: true
15 |   },
16 |   editedOn: { type: Date, default: null },
17 |   tags: Array,
18 |   hearts: [{ type: mongoose.Schema.ObjectId, ref: 'User' }],
19 |   thumbUps: [{ type: mongoose.Schema.ObjectId, ref: 'User' }],
20 |   comments: { type: Array, default: [] }
21 | });
22 | 
23 | // projectSchema.path('title').required(true, 'Project title cannot be blank');
24 | 
25 | schema.plugin(mongoosePaginate);
26 | 
27 | // Creating and exporting the user model =======================================
28 | const Post = mongoose.model('Post', schema);
29 | 
30 | module.exports = Post;
31 | 


--------------------------------------------------------------------------------
/client/src/shared/components/FlashNotif.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | 
 4 | class FlashNotif extends React.Component {
 5 |   static defaultProps = {
 6 |     msg: 'Error. something wrong with your login'
 7 |   }
 8 |   renderNotif(state, text) {
 9 |     switch (state) {
10 |       case 'error':
11 |         return this.renderError(text);
12 |       case 'success':
13 |         return this.renderSuccess(text)
14 |       default:
15 |         return null;
16 |     }
17 |   }
18 |   renderError(msg) {
19 |     return (
20 |       <p style={{ color: '#e57373' }}>{msg}</p>
21 |     );
22 |   }
23 |   renderSuccess(msg) {
24 |     return (
25 |       <p style={{ color: '#26a69a' }}>{msg}</p>
26 |     );
27 |   }
28 |   render() {
29 |     return (
30 |       <div className="col l12 m12 s12 center-align">
31 |         { this.renderNotif(this.props.state, this.props.msg) }
32 |       </div>
33 |     );
34 |   }
35 | }
36 | FlashNotif.propTypes = {
37 |   state: PropTypes.string.isRequired,
38 |   msg: PropTypes.string
39 | };
40 | 
41 | export default FlashNotif;
42 | 


--------------------------------------------------------------------------------
/client/src/shared/components/NotFound.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Route } from 'react-router-dom';
 3 | import Footer from './Footer';
 4 | 
 5 | const containerStyle = {
 6 |   minHeight: '58vh',
 7 |   overflow: 'hidden',
 8 |   display: 'block',
 9 |   position: 'relative',
10 |   paddingBottom: '23%',
11 |   width: '85%'
12 | };
13 | 
14 | const h1Style = {
15 |   fontSize: '2em',
16 |   fontWeight: '400'
17 | };
18 | 
19 | const Status = ({ code, children }) => (
20 |   <Route render={({ staticContext }) => {
21 |       if (staticContext) {
22 |         staticContext.status = code;
23 |       }
24 |       return children;
25 |     }}
26 |   />
27 | );
28 | 
29 | const NotFound = () => (
30 |   <Status code={404}>
31 |     <div style={containerStyle} className='main container hero-info center'>
32 |       <h1 style={h1Style}>Page Not Found</h1>
33 |       <p>Sorry, but the page you were trying to view does not exist.</p>
34 |         <a className="waves-effect waves-light btn" href="/">Go to home page</a>
35 |     </div>
36 |     <Footer />
37 |   </Status>
38 | );
39 | 
40 | export default NotFound;
41 | 


--------------------------------------------------------------------------------
/client/src/shared/components/MdText.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import marked from 'marked';
 3 | import axios from 'axios';
 4 | 
 5 | export default class MdText extends React.Component {
 6 |   constructor(props) {
 7 |     super(props);
 8 |     this.state = {
 9 |       mdData: this.loadData(this.props.filepath), // path to the md file
10 |       clientModeOn: false
11 |     };
12 |   }
13 |   componentDidMount() {
14 |     this.setState({
15 |       clientModeOn: true
16 |     });
17 |   }
18 |   saveData(response) {
19 |     this.setState({
20 |       mdData: response.data
21 |     });
22 |     const htmlContent = marked(response.data);
23 |     if (this.state.clientModeOn) {
24 |       document.getElementById(this.props.mdId).innerHTML = htmlContent;
25 |     }
26 |   }
27 |   loadData(filepath) {
28 |     axios.get(filepath)
29 |     .then(response => this.saveData(response))
30 |     .catch(function(error) {
31 |       console.log(error)
32 |     });
33 |   }
34 |   render() {
35 |     return (
36 |       <div id={this.props.mdId}>
37 |         {this.state.mdData}
38 |       </div>
39 |     )
40 |   }
41 | }
42 | 


--------------------------------------------------------------------------------
/client/src/shared/data/appPage.js:
--------------------------------------------------------------------------------
 1 | import appRoute from './appRoute';
 2 | 
 3 | const communityPage = (communityName) => {
 4 |   return {
 5 |     home: {name: 'Projects', slug: 'projects', link: appRoute('communityHome')(communityName)},
 6 |     one: {name: 'Projects', slug: 'projects', link: appRoute('communityOne')(communityName)},
 7 |     two: {name: 'Discussion', slug: 'discussion', link: appRoute('communityTwo')(communityName)},
 8 |     three: {name: 'People', slug: 'people', link: appRoute('communityThree')(communityName)},
 9 |     wildcard: {link: appRoute('communityWildcard')(communityName)},
10 |   }
11 | }
12 | 
13 | const userPage = (username) => {
14 |   return {
15 |     home: {name: 'Home', slug: 'projects', link: appRoute('userHome')},
16 |     profile: {name: 'Profile', slug: `@${username}`, link: appRoute('userProfile')(username)},
17 |     newProject: {name: 'New Project', slug: 'new', link: appRoute('newProject')},
18 |     userSettings: {name: 'Settings', slug: `@${username}`, link: appRoute('userSettings')(username)},
19 |   }
20 | }
21 | 
22 | export {
23 |   communityPage,
24 |   userPage
25 | }
26 | 


--------------------------------------------------------------------------------
/test/html.js:
--------------------------------------------------------------------------------
 1 | const app = require('../server/server');
 2 | const supertest = require('supertest');
 3 | const cheerio = require('cheerio');
 4 | 
 5 | describe('html response', () => {
 6 |   let request;
 7 |   beforeEach(() => {
 8 |     request = supertest(app) // SuperTest builds up the request.
 9 |       .get('/test/') // You visit the "/test" URL.
10 |       .set('User-Agent', 'a cool browser')
11 |       .set('Accept', 'text/html'); // Sets a header describing what content type we want back from the server
12 |   });
13 |   it('returns an HTML response', (done) => {
14 |     request
15 |       .expect('Content-Type', /html/)
16 |       .expect(200)
17 |       .end(done);
18 |   });
19 |   it('returns your User Agent', (done) => {
20 |     request
21 |       .expect((res) => {
22 |         const htmlResponse = res.text;
23 |         const $ = cheerio.load(htmlResponse);
24 |         const userAgent = $('.user-agent').html().trim();
25 |         if (userAgent !== 'a cool browser') {
26 |           throw new Error('User Agent not found');
27 |         }
28 |       })
29 |       .end(done);
30 |   });
31 | // ...
32 | });
33 | 


--------------------------------------------------------------------------------
/client/src/shared/Explore/screens/Interests/Main.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import TopNavUser from '../../../components/TopNavUser/Main';
 3 | import TopNavGuest from '../../../components/TopNavSimple';
 4 | import Footer from '../../../components/Footer';
 5 | 
 6 | // This is an app for users to explore projects, jobs, and people who match their Interests
 7 | // and career goals
 8 | export default class extends React.Component {
 9 |   render() {
10 |     const location = (typeof document !== 'undefined') ? document.location.pathname : undefined;
11 |     return (
12 |       <div>
13 |         <div className="section-white" style={{ minHeight: '55vh'}}>
14 |           {
15 |             this.props.user.loggedinUser ?
16 |               <TopNavUser redirPath={location} user={this.props.user.loggedinUser} useExternLinks />
17 |               :
18 |               <TopNavGuest redirPath={location} useExternLinks />
19 |           }
20 |           <div className="container">
21 |             <h3>Explore Interests</h3>
22 |           </div>
23 |         </div>
24 |         <Footer />
25 |       </div>
26 |     );
27 |   }
28 | }
29 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Collection/Communities/lib.js:
--------------------------------------------------------------------------------
 1 | import appRoute from '../../../data/appRoute';
 2 | 
 3 | export const communities = require('../../../data/community.json');
 4 | 
 5 | export const communityName = slug => communities[slug] ? communities[slug].name : '';
 6 | 
 7 | export const communitiesArr = Object.values(communities);
 8 | 
 9 | export const getIconColor = slug => {
10 |   switch (slug) {
11 |     case 'developers': return { icon: 'code', color: '#fff' } ;
12 |     case 'designers' : return { icon: 'create', color: '#fff'};
13 |     case 'illustrators': return { icon: 'palette', color: '#fff'};
14 |     case 'writers': return { icon: 'create', color: '#fff'};
15 |     case 'data-scientists': return { icon: 'scatter_plot', color: '#fff'};
16 |     case 'video-producers': return { icon: 'theaters', color: '#fff'};
17 |     case 'misc': return { icon: 'public', color: '#fff'};
18 |     default: return;
19 |   }
20 | };
21 | 
22 | export const communityMeta = slug => {
23 |   const { icon, color } = getIconColor(slug);
24 |   const link = appRoute('communityHome', true)(slug);
25 |   return { icon, color, link }
26 | }
27 | 


--------------------------------------------------------------------------------
/client/src/shared/Explore/screens/Communities/Main.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import TopNavUser from '../../../components/TopNavUser/Main';
 3 | import TopNavGuest from '../../../components/TopNavSimple';
 4 | import Footer from '../../../components/Footer';
 5 | import ExploreBlock from '../../../components/Collection/Communities/ExploreBlock';
 6 | 
 7 | export default class extends React.Component {
 8 |   render() {
 9 |     const location = (typeof document !== 'undefined') ? document.location.pathname : undefined;
10 |     return (
11 |       <div>
12 |         <div className="section-white" style={{ minHeight: '55vh'}}>
13 |           {
14 |             this.props.user.loggedinUser ?
15 |               <TopNavUser redirPath={location} user={this.props.user.loggedinUser} useExternLinks />
16 |               :
17 |               <TopNavGuest redirPath={location} useExternLinks />
18 |           }
19 |           <div className="container">
20 |             <h3>Explore Communities</h3>
21 |             <ExploreBlock version='long' />
22 |           </div>
23 |         </div>
24 |         <Footer />
25 |       </div>
26 |     );
27 |   }
28 | }
29 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/reducers/post.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   GET_POST_BY_ID
 3 | } from '../actions/post';
 4 | 
 5 | const initState = {
 6 |   main: {
 7 |     createdAt: "2018-09-19T05:12:22.697Z",
 8 |     context: {
 9 |       project:null,
10 |       community:null,
11 |       post:"5ba1d08c62ad181c535f6213"
12 |     },
13 |     editedOn: "2018-09-19T05:15:12.325Z",
14 |     tags:[],
15 |     hearts:[],
16 |     thumbUps:[],
17 |     comments:[],
18 |     _id: "5ba1dab6b404695e3b445484",
19 |     content:"{\"blocks\":[{\"key\":\"bc2h5\",\"text\":\"hi hi hi\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}}],\"entityMap\":{}}",
20 |     postedBy: "5ac7f2b6cc78928a6f24a101"
21 |   },
22 | };
23 | 
24 | export default function project(state = initState, action) {
25 |   switch (action.type) {
26 |     case GET_POST_BY_ID:
27 |       return {
28 |         ...state,
29 |         main: action.data
30 |       }
31 |     default:
32 |       return state;  // If the reducer is triggered but no case matches, return the current store state. No changes are required so you don’t need to create a new object.
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/server/views/edit-csrf.ejs:
--------------------------------------------------------------------------------
 1 | <% include _header %>
 2 | <h1>Edit your profile</h1>
 3 | <form action="/auth/edit" method="post">
 4 |   <img src=<%= currentUser.picture %> height="120" width="120"/>
 5 |   <h4>Display Name:</h4>
 6 |   <input name="displayname" type="text" class="form-control" placeholder="Display name" value="<%= currentUser.displayName || "" %>"/>
 7 |   <h4>Your Email:</h4>
 8 |   <p><%= currentUser.email || "" %></p>
 9 |   <h4>Your Location:</h4>
10 |   <input name="location" class="form-control" placeholder="Location" value="<%= currentUser.location || "" %>"/>
11 |   <h4>Your Personal Webite:</h4>
12 |   <input name="website" class="form-control" placeholder="Website" value="<%= currentUser.website|| "" %>"/>
13 |   <h4>Bio</h4>
14 |   <textarea name="bio" class="form-control" placeholder="Tell us about yourself!"><%= currentUser.bio || "" %></textarea>
15 |   <input type="submit" value="Update" class="btn btn-primary btn-block">
16 | </form>
17 | <br>
18 | <form action="/auth/delete/<%= currentUser.username %>" method="post">
19 |   <input type="submit" value="Delete" class="btn btn-danger btn-block">
20 | </form>
21 | 
22 | <% include _footer %>
23 | 


--------------------------------------------------------------------------------
/client/src/craApps/AppUserPage.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { BrowserRouter } from 'react-router-dom';
 3 | import { Provider } from 'react-redux';
 4 | import App from '../shared/UserPage/App';
 5 | import { hot } from 'react-hot-loader';
 6 | import initStore from '../shared/redux/configureStore/initUserPage';
 7 | import * as actions from '../shared/redux/actions/page';
 8 | 
 9 | const store = initStore();
10 | 
11 | class AppUserPage extends React.Component {
12 |   componentDidMount() {
13 |     // The logged in user's username
14 |     const loggedinUsername = {
15 |       github: 'xiaoyunyang',
16 |       kyle: 'kyle',
17 |       facebook: 'xyang',
18 |       invalid: 'foop'
19 |     }
20 |     if (typeof document !== 'undefined') {
21 |       const username = document.location.pathname.split('/@').pop();
22 |       store.dispatch(actions.getUserProfileData(username, loggedinUsername.kyle));
23 |     }
24 |   }
25 |   render() {
26 |     return (
27 |       <Provider store={store}>
28 |         <BrowserRouter>
29 |           <App />
30 |         </BrowserRouter>
31 |       </Provider>
32 |     );
33 |   }
34 | }
35 | 
36 | export default hot(module)(AppUserPage);
37 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Form/InputAutocomplete.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import $ from 'jquery';
 3 | 
 4 | export default class InputAutocomplete extends React.Component {
 5 | 
 6 |   initializeAutoComplete() {
 7 |     // const data = autoCompleteData(this.props.choices);
 8 |     const data = this.props.choices;
 9 | 
10 |     $(document).ready(() => {
11 |       $(`#${this.props.id}`).autocomplete({
12 |         data: data,
13 |         limit: 20, // The max amount of results that can be shown at once. Default: Infinity.
14 |         onAutocomplete: key => {
15 |           this.props.onChange(key);
16 |         },
17 |         minLength: 1, // The minimum length of the input for the autocomplete to start. Default: 1.
18 |       });
19 |     });
20 |   }
21 |   render() {
22 |     if (typeof document !== 'undefined') {
23 |       this.initializeAutoComplete();
24 |     }
25 |     return (
26 |       <div className="input-field col l9 m9 s12">
27 |         <input type="text" id={this.props.id} defaultValue={this.props.selected} className="autocomplete" />
28 |         <label htmlFor="autocomplete-input">{this.props.label}</label>
29 |       </div>
30 |     );
31 |   }
32 | }
33 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Login/Modal.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import LoginForm from './LoginForm';
 3 | import LegalInfo from './LegalInfo';
 4 | 
 5 | const SignupModal = ({redirPath}) => (
 6 |   <div id="signup-modal" className="modal">
 7 |     <LoginForm
 8 |       action="Join"
 9 |       header="Join LooseLeaf"
10 |       redirPath={redirPath}
11 |     />
12 |     <div className="row center hero">
13 |       <div className="col l12 m12 s12">
14 |         Already a member? <a className="modal-trigger modal-action modal-close" href="#login-modal">Log in</a>
15 |       </div>
16 |       <LegalInfo />
17 |     </div>
18 |   </div>
19 | );
20 | 
21 | const LoginModal = ({redirPath}) => (
22 |   <div id="login-modal" className="modal">
23 |     <LoginForm
24 |       action="Continue"
25 |       header="Welcome Back!"
26 |       redirPath={redirPath}
27 |     />
28 |     <div className="row center hero">
29 |       <div className="col l12 m12 s12">
30 |         New to LooseLeaf? <a className="modal-trigger modal-action modal-close" href="#signup-modal">Sign up</a>
31 |       </div>
32 |       <LegalInfo />
33 |     </div>
34 |   </div>
35 | );
36 | 
37 | export { SignupModal, LoginModal };
38 | 


--------------------------------------------------------------------------------
/client/src/shared/UserPage/routes.js:
--------------------------------------------------------------------------------
 1 | import Root from './Root';
 2 | import Portfolio from '../components/Portfolio/Main'
 3 | import NotFound from '../components/NotFound';
 4 | import appRoute from '../data/appRoute';
 5 | 
 6 | const getTabsRoutes = (username) => {
 7 |   const tabsRoutes = [
 8 |     {
 9 |       path: appRoute('userProfile')(username),
10 |       exact: true,
11 |       component: Portfolio
12 |     },
13 |     {
14 |       path: appRoute('userProfileTab')(username),
15 |       component: Portfolio
16 |     }
17 |   ];
18 |   return tabsRoutes;
19 | };
20 | 
21 | const getRoutes = (user) => {
22 | 
23 |   const username = user.username;
24 | 
25 |   const routes = [
26 |     {
27 |       component: Root,
28 |       routes: [
29 |         {
30 |           path: appRoute('userProfile')(username),
31 |           component: Portfolio,
32 |           routes: getTabsRoutes(username)
33 |         },
34 |         {
35 |           path: appRoute('userWildcard'),
36 |           component: NotFound
37 |         }
38 |       ]
39 |     }
40 |   ];
41 |   return routes;
42 | };
43 | 
44 | // Caller:
45 | // getRoutes is used by App.js
46 | // getNav is used by TopNav.js
47 | export { getRoutes };
48 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Discussion/PostParts.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { dateFormatted } from '../../../lib/helpers';
 3 | import appRoute from '../../data/appRoute';
 4 | 
 5 | export const Context = ({ context, contextForUser }) => (
 6 |   <div className="row post-context">
 7 |     <span>Posted under </span>
 8 |     <span><a href={context.link}>{context.name}</a></span>
 9 |     <div>{contextForUser}</div>
10 |   </div>
11 | );
12 | 
13 | export const UserInfo = ({ userInfo, editedOn, postCreatedAt }) => (
14 |   <div className="row feed-user">
15 |     <div className="col">
16 |       <img className="circle" src={userInfo.userPic} alt="" />
17 |     </div>
18 |     <div className="col" style={{marginLeft: -18}}>
19 |       <span>
20 |         <a href={appRoute('userProfile', true)(userInfo.username)}>
21 |           {userInfo.userDisplayName}
22 |         </a>
23 |       </span>
24 |       <p style={{paddingLeft: 15, fontSize: 14}}>
25 |         {dateFormatted(postCreatedAt)}
26 |       </p>
27 |     </div>
28 |     {
29 |       editedOn &&
30 |       <div className="col">
31 |         <p className="post-edited-label">· Edited</p>
32 |       </div>
33 |     }
34 |   </div>
35 | );
36 | 


--------------------------------------------------------------------------------
/client/src/shared/data/community.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "developers": {
 3 |     "slug": "developers",
 4 |     "name": "Developers",
 5 |     "desc": "Web, mobile, and desktop app development."
 6 |   },
 7 |   "designers": {
 8 |     "slug": "designers",
 9 |     "name": "Designers",
10 |     "desc": "Web design, UX design, UI design, icon design."
11 |   },
12 |   "illustrators": {
13 |     "slug": "illustrators",
14 |     "name": "Illustrators",
15 |     "desc": "Illustrations for publications, blog articles, books cover, video games."
16 |   },
17 |   "writers": {
18 |     "slug": "writers",
19 |     "name": "Writers",
20 |     "desc": "Copy writer, editor, grant writer, press release writer."
21 |   },
22 |   "data-scientists": {
23 |     "slug": "data-scientists",
24 |     "name": "Data Scientists",
25 |     "desc": "Analyze and visualize trends in data to gain insights."
26 |   },
27 |   "video-producers": {
28 |     "slug": "video-producers",
29 |     "name": "Video Producers",
30 |     "desc": "Make animations, explainer videos, and tutorials."
31 |   },
32 |   "misc": {
33 |     "slug": "misc",
34 |     "name": "Creators",
35 |     "desc": "Who needs a category anyway? We make cool things."
36 |   }
37 | }
38 | 


--------------------------------------------------------------------------------
/client/src/craApps/AppExplore.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { BrowserRouter } from 'react-router-dom';
 3 | import { Provider } from 'react-redux';
 4 | import App from '../shared/Explore/App';
 5 | import { hot } from 'react-hot-loader';
 6 | import initStore from '../shared/redux/configureStore/initExplorePage';
 7 | import * as actions from '../shared/redux/actions/page';
 8 | 
 9 | const store = initStore();
10 | 
11 | class AppExplore extends React.Component {
12 |   componentDidMount() {
13 |     // The logged in user's username
14 |     const loggedinUsername = {
15 |       github: 'xiaoyunyang',
16 |       kyle: 'kyle',
17 |       henry: 'henry',
18 |       facebook: 'xyang',
19 |       invalid: 'foop'
20 |     }
21 |     if (typeof document !== 'undefined') {
22 |       const username = document.location.pathname.split('/@').pop();
23 |       store.dispatch(actions.getUserProfileData(username, loggedinUsername.henry));
24 |     }
25 |   }
26 |   render() {
27 |     return (
28 |       <Provider store={store}>
29 |         <BrowserRouter>
30 |           <App />
31 |         </BrowserRouter>
32 |       </Provider>
33 |     );
34 |   }
35 | }
36 | 
37 | export default hot(module)(AppExplore);
38 | 


--------------------------------------------------------------------------------
/client/src/shared/CommunityGuest/routes.js:
--------------------------------------------------------------------------------
 1 | import Root from './Root';
 2 | import NotFound from '../components/NotFound';
 3 | import One from './Tabs/One';
 4 | import Two from './Tabs/Two';
 5 | import Three from './Tabs/Three';
 6 | import { communityPage as page }  from '../data/appPage';
 7 | 
 8 | // function noop() {}
 9 | 
10 | const getRoutes = (communitySlug) => {
11 |   const routes = [
12 |     {
13 |       component: Root,
14 |       routes: [
15 |         {
16 |           path: page(communitySlug).home.link,
17 |           exact: true,
18 |           component: One
19 |         },
20 |         {
21 |           path: page(communitySlug).one.link,
22 |           exact: true,
23 |           component: One
24 |         },
25 |         {
26 |           path: page(communitySlug).two.link,
27 |           exact: true,
28 |           component: Two
29 |         },
30 |         {
31 |           path: page(communitySlug).three.link,
32 |           exact: true,
33 |           component: Three
34 |         },
35 |         {
36 |           path: page(communitySlug).wildcard.link,
37 |           component: NotFound
38 |         }
39 |       ]
40 |     }
41 |   ];
42 |   return routes;
43 | }
44 | 
45 | export { getRoutes };
46 | 


--------------------------------------------------------------------------------
/client/src/shared/CommunityUser/routes.js:
--------------------------------------------------------------------------------
 1 | import Root from './Root';
 2 | import NotFound from '../components/NotFound';
 3 | import One from './Tabs/One';
 4 | import Two from './Tabs/Two';
 5 | import Three from './Tabs/Three';
 6 | import { communityPage as page }  from '../data/appPage';
 7 | 
 8 | // function noop() {}
 9 | 
10 | const getRoutes = (communitySlug) => {
11 |   const routes = [
12 |     {
13 |       component: Root,
14 |       routes: [
15 |         {
16 |           path: page(communitySlug).home.link,
17 |           exact: true,
18 |           component: One
19 |         },
20 |         {
21 |           path: page(communitySlug).one.link,
22 |           exact: true,
23 |           component: One
24 |         },
25 |         {
26 |           path: page(communitySlug).two.link,
27 |           exact: true,
28 |           component: Two
29 |         },
30 |         {
31 |           path: page(communitySlug).three.link,
32 |           exact: true,
33 |           component: Three
34 |         },
35 |         {
36 |           path: page(communitySlug).wildcard.link,
37 |           component: NotFound
38 |         }
39 |       ]
40 |     }
41 |   ];
42 |   return routes;
43 | };
44 | 
45 | export { getRoutes };
46 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Form/TextAreaInput.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | 
 3 | const icon = (id) => {
 4 |   switch (id) {
 5 |     case 'bio': return 'mode_edit';
 6 |     default: return null;
 7 |   }
 8 | };
 9 | export default class TextAreaInput extends React.Component {
10 |   constructor(props) {
11 |     super(props);
12 |     this.handleChange = this.handleChange.bind(this);
13 |   }
14 |   handleChange(e) {
15 |     this.props.onChange(e.target.value);
16 |   }
17 |   render() {
18 |     const iconName = icon(this.props.id)
19 |     return (
20 |       <div className="row">
21 |         <div className="input-field col s12 m12 l12">
22 |           { iconName &&
23 |             <i className="material-icons prefix grey-text text-darken-2">{icon(this.props.id)}</i>
24 |           }
25 |           <textarea
26 |             id={this.props.id}
27 |             defaultValue={this.props.field}
28 |             onChange={this.handleChange}
29 |             className="materialize-textarea"
30 |           />
31 |           <label htmlFor={this.props.id} className={!this.props.field ? '' : 'active'}>
32 |             {this.props.label}
33 |           </label>
34 |         </div>
35 |       </div>
36 |     );
37 |   }
38 | }
39 | 


--------------------------------------------------------------------------------
/client/src/shared/CommunityUser/Tabs/One.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import TopNav from '../TopNav';
 3 | import { communityPage as page }  from '../../data/appPage';
 4 | import Projects from '../../components/Collection/Projects/Main';
 5 | 
 6 | export default class One extends React.Component {
 7 |   render() {
 8 |     const loggedinUser = this.props.state.user.loggedinUser;
 9 |     const communityInfo = this.props.state.community.info;
10 |     return (
11 |       <div className="section-white" style={{minHeight: '100vh'}}>
12 |         <TopNav
13 |           route={this.props.route}
14 |           user={loggedinUser}
15 |           community={communityInfo}
16 |           actions={this.props.actions}
17 |         />
18 |         <div className="community-page container">
19 |           <div className="row">
20 |             <div id={page(communityInfo.slug).one.slug} className="col s12">
21 |               <h3>{page(communityInfo.slug).one.name}</h3>
22 |               <Projects
23 |                 context='community'
24 |                 communitySlug={communityInfo.slug}
25 |                 loggedinUser={loggedinUser}
26 |               />
27 |             </div>
28 |           </div>
29 |         </div>
30 |       </div>
31 |     );
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Portfolio/routes.js:
--------------------------------------------------------------------------------
 1 | import One from './One';
 2 | import Two from './Two';
 3 | import Three from './Three';
 4 | import Four from './Four';
 5 | import NotFound from '../NotFound';
 6 | import appRoute from '../../data/appRoute';
 7 | 
 8 | // const root = `/${store.root}${store.username}`;
 9 | 
10 | const tabs = [
11 |   'projects', 'posts', 'followers', 'following'
12 | ];
13 | 
14 | const getRoot = (username) => {
15 |   return appRoute('userProfile')(username);
16 | };
17 | 
18 | const getRoutes = (username) => {
19 |   const root = getRoot(username);
20 |   const routes = [
21 |     {
22 |       path: `${root}`,
23 |       exact: true,
24 |       component: One
25 |     },
26 |     {
27 |       path: `${root}/${tabs[0]}`,
28 |       exact: true,
29 |       component: One
30 |     },
31 |     {
32 |       path: `${root}/${tabs[1]}`,
33 |       component: Two
34 |     },
35 |     {
36 |       path: `${root}/${tabs[2]}`,
37 |       component: Three
38 |     },
39 |     {
40 |       path: `${root}/${tabs[3]}`,
41 |       component: Four
42 |     },
43 |     {
44 |       path: `${root}/*`,
45 |       restricted: false,
46 |       component: NotFound
47 |     }
48 |   ];
49 |   return { root, routes, tabs };
50 | };
51 | 
52 | export { getRoot, getRoutes, tabs };
53 | 


--------------------------------------------------------------------------------
/server/views/edit.ejs:
--------------------------------------------------------------------------------
 1 | <% include _header %>
 2 | <h1>Edit your profile</h1>
 3 | <form action="/auth/edit" method="post">
 4 |   <input name="_csrf" value="<%= csrfToken %>" type="hidden">
 5 |   <img src=<%= currentUser.picture %> height="120" width="120"/>
 6 |   <h4>Display Name:</h4>
 7 |   <input name="displayname" type="text" class="form-control" placeholder="Display name" value="<%= currentUser.displayName || "" %>"/>
 8 |   <h4>Your Email:</h4>
 9 |   <p><%= currentUser.email || "" %></p>
10 |   <h4>Your Location:</h4>
11 |   <input name="location" class="form-control" placeholder="Location" value="<%= currentUser.location || "" %>"/>
12 |   <h4>Your Personal Webite:</h4>
13 |   <input name="website" class="form-control" placeholder="Website" value="<%= currentUser.website|| "" %>"/>
14 |   <h4>Bio</h4>
15 |   <textarea name="bio" class="form-control" placeholder="Tell us about yourself!"><%= currentUser.bio || "" %></textarea>
16 |   <input type="submit" value="Update" class="btn btn-primary btn-block">
17 | </form>
18 | <br>
19 | <form action="/auth/delete/<%= currentUser.username %>" method="post">
20 |   <input name="_csrf" value="<%= csrfToken %>" type="hidden">
21 |   <input type="submit" value="Delete" class="btn btn-danger btn-block">
22 | </form>
23 | 
24 | <% include _footer %>
25 | 


--------------------------------------------------------------------------------
/client/src/shared/User/screens/Home/Stats.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | 
 3 | const Stat = ({ num, phrase }) => (
 4 |   <div className="row">
 5 |     <div className="col s2 m2 l2">
 6 |       <h6>{num}</h6>
 7 |     </div>
 8 |     <div className="col s10 m10 l10" style={{marginTop: -3}}>
 9 |       <p>{phrase}</p>
10 |     </div>
11 |   </div>
12 | );
13 | 
14 | const Stats = ({ user }) => (
15 |   <div className="card-panel hide-on-small-only" id="user-card">
16 |     <div className="row center-align">
17 |       <div className="col s4 m6 l6 offset-m3 offset-l3">
18 |         <img className="circle" src={user.picture} alt=""/>
19 |       </div>
20 |       <div className="col s8 m12 l12">
21 |         {
22 |           user.displayName &&
23 |           <h6 className="truncate" style={{lineHeight: 1, marginBottom: -13}}>
24 |             {user.displayName}
25 |           </h6>
26 |         }
27 |         <p className="truncate" style={{lineHeight: 1.3}}>{`@${user.username}`}</p>
28 |       </div>
29 |     </div>
30 |     <div className="or-divider"/>
31 |     <Stat num={user.projects.length} phrase={'projects'}/>
32 |     <Stat num={user.followers.length} phrase={'followers'}/>
33 |     <Stat num={user.following.length} phrase={'following'}/>
34 |   </div>
35 | );
36 | 
37 | export default Stats;
38 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Collection/Projects/Badge.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import $ from 'jquery';
 3 | 
 4 | export const badgeIcon = type => {
 5 |   switch (type) {
 6 |     case 'creator': return { className: 'fas fa-rocket', backgroundColor: '#ef9a9a' };
 7 |     case 'watcher': return { className: 'far fa-grin-stars', backgroundColor: '#ffca28'};
 8 |     case 'contributor': return { className: 'fas fa-hands-helping', backgroundColor: '#80cbc4' };
 9 |     default: return '';
10 |   }
11 | }
12 | 
13 | export class Badge extends React.Component {
14 |   componentDidMount() {
15 |     $('.tooltipped').tooltip();
16 |   }
17 |   handleClick() {
18 |     this.props.handleClick();
19 |     $('.tooltipped').tooltip('close');
20 |   }
21 |   render() {
22 |     const { className, backgroundColor } = badgeIcon(this.props.type)
23 |     return (
24 |       <span className="grey-text text-darken-1">
25 |         <a
26 |           className="tooltipped btn-floating project-contributor-badge"
27 |           data-position="top"
28 |           data-delay="50"
29 |           data-tooltip={this.props.tooltipLabel}
30 |           style={{backgroundColor}}
31 |         >
32 |           <i style={this.props.customStyle} className={className}/>
33 |         </a>
34 |       </span>
35 |     );
36 |   }
37 | }
38 | 


--------------------------------------------------------------------------------
/client/src/shared/data/assetLinks.js:
--------------------------------------------------------------------------------
 1 | import { root } from './apiLinks';
 2 | 
 3 | export const markdown = {
 4 |   ourStory: `${root}/markdown/our-story.md`,
 5 |   ourValues: `${root}/markdown/our-values.md`,
 6 |   ourMission: `${root}/markdown/our-mission.md`,
 7 |   howItWorks: `${root}/markdown/how-it-works.md`,
 8 |   terms: `${root}/markdown/terms.md`,
 9 |   privacy: `${root}/markdown/privacy.md`,
10 |   careers: `${root}/markdown/careers.md`
11 | };
12 | 
13 | export const image = {
14 |   defaultUser: `${root}/user.png`,
15 |   logo: `${root}/logo.png`,
16 |   landing: {
17 |     coverLarge: `${root}/landing/landing1-large.png`,
18 |     coverMedium: `${root}/landing/landing1-medium.png`,
19 |     coverSmall: `${root}/landing/landing1-small.png`,
20 |     expertise: `${root}/landing/expertise.png`,
21 |     cultivate: `${root}/landing/cultivate.png`,
22 |     share: `${root}/landing/share.png`
23 |   },
24 |   team: {
25 |     team: `${root}/team/team.png`,
26 |     xiaoyunyang: `${root}/team/xiaoyunyang.png`,
27 |     andrewfenner: `${root}/team/andrewfenner.png`,
28 |     ollie: `${root}/team/ollie.png`,
29 |   }
30 | }
31 | 
32 | export const socialMedia = {
33 |   twitter: 'https://twitter.com/mylooseleaf',
34 |   angellist: 'https://angel.co/looseleafapp',
35 |   facebook: 'https://www.facebook.com/mylooseleaf/'
36 | }
37 | 


--------------------------------------------------------------------------------
/client/src/clientApps/recipe.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import { Provider } from 'react-redux';
 4 | import App from '../shared/Recipe/App';
 5 | import initRedux from '../shared/redux/Recipe/init-redux';
 6 | import '../lib/tabs';
 7 | import '../lib/chips';
 8 | import '../assets/index.css';
 9 | 
10 | console.log('Browser packed file loaded');
11 | 
12 | // Grab the server serialized state off of the window object.
13 | const initialState = window.__PRELOADED_STATE__;
14 | 
15 | // Allow the passed state to be garbage-collected
16 | delete window.__PRELOADED_STATE__;
17 | 
18 | // console.log('initialStateRoute', initialStateRoute)
19 | 
20 | // Instead of starting Redux with an empty initial state on the server,
21 | // you pass the server data into the Redux setup.
22 | const store = initRedux(initialState);
23 | // const storeRoute = initRedux(initialStateRoute);
24 | 
25 | console.log('Data to hydrate with', initialState);
26 | 
27 | /*
28 |  * Main entry point for the client side isomorphic app
29 |  */
30 | const render = (Component, store) => {
31 |   ReactDOM.render(
32 |     <Provider store={store}>
33 |       <Component />
34 |     </Provider>,
35 |     document.getElementById('root')
36 |   );
37 | };
38 | 
39 | // Wrapping App inside of Provider
40 | // render(RecipeApp, store);
41 | render(App, store);
42 | 


--------------------------------------------------------------------------------
/client/src/shared/CommunityUser/Tabs/Two.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import TopNav from '../TopNav';
 3 | import { communityPage as page }  from '../../data/appPage';
 4 | import Discussion from '../../components/Discussion/Main';
 5 | 
 6 | export default class Two extends React.Component {
 7 |   render() {
 8 |     const loggedinUser = this.props.state.user.loggedinUser;
 9 |     const communityInfo = this.props.state.community.info;
10 |     const context = { name: 'community', queryBy: communityInfo.slug }
11 |     return (
12 |       <div className="section-white" style={{minHeight: '100vh'}}>
13 |         <TopNav
14 |           route={this.props.route}
15 |           user={loggedinUser}
16 |           community={communityInfo}
17 |           actions={this.props.actions}
18 |         />
19 |         <div className="community-page container">
20 |           <div id={page(communityInfo.slug).two.slug}>
21 |             <h3>{page(communityInfo.slug).two.name}</h3>
22 |             <Discussion
23 |               context={context}
24 |               loggedinUser={this.props.state.user.loggedinUser}
25 |               newPostPlaceholder='Post an announcement or question to this community.'
26 |               readOnly={!this.props.state.user.loggedinUser}
27 |             />
28 |           </div>
29 |         </div>
30 |       </div>
31 |     );
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Discussion/Posts.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import Post from './Post';
 4 | 
 5 | const Posts = ({
 6 |   posts,
 7 |   deletePost,
 8 |   noPostDisp,
 9 |   loggedinUser,
10 |   showContext,
11 |   showContextForUser
12 | }) => (
13 |   <div>
14 |     {
15 |       posts && posts.length>0 ?
16 |       posts.map(post => {
17 |         return (
18 |           <div key={`post-${post._id}`}>
19 |             <Post
20 |               showContext={showContext}
21 |               showContextForUser={showContextForUser}
22 |               post={post}
23 |               loggedinUser={loggedinUser}
24 |               deletePost={deletePost}
25 |             />
26 |           </div>
27 |         );
28 |       })
29 |       :
30 |       <p>{noPostDisp}</p>
31 |     }
32 |   </div>
33 | );
34 | // TODO: change Posts's props from loggedInAs to 'loggedinAs'
35 | Posts.propTypes = {
36 |   showContext: PropTypes.bool,
37 |   showMoreContext: PropTypes.bool,
38 |   posts: PropTypes.array,
39 |   noPostDisp: PropTypes.string,
40 |   itemName: PropTypes.string,
41 |   loggedInUser: PropTypes.object,
42 | };
43 | Posts.defaultProps = {
44 |   showContext: false,
45 |   showMoreContext: false,
46 |   itemName: 'posts',
47 |   noPostDisp: 'No post found.',
48 |   loggedInUser: {}
49 | };
50 | 
51 | export default Posts;
52 | 


--------------------------------------------------------------------------------
/client/src/clientApps/explore.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import { Provider } from 'react-redux';
 4 | import { BrowserRouter } from 'react-router-dom';
 5 | import 'materialize-css';
 6 | import 'materialize-css/dist/css/materialize.min.css';
 7 | import 'materialize-css/dist/js/materialize.min';
 8 | import configureStore from '../shared/redux/configureStore/explorePage';
 9 | import App from '../shared/Explore/App';
10 | import '../assets/index.css';
11 | 
12 | // Grab the server serialized state off of the window object.
13 | const initialState = window.__PRELOADED_STATE__;
14 | 
15 | // Allow the passed state to be garbage-collected
16 | delete window.__PRELOADED_STATE__;
17 | 
18 | // Instead of starting Redux with an empty initial state on the server,
19 | // you pass the server data into the Redux setup.
20 | const store = configureStore(initialState);
21 | // const storeRoute = initRedux(initialStateRoute);
22 | 
23 | /*
24 |  * Main entry point for the client side isomorphic app
25 |  */
26 | const renderRouter = (Component, store) => {
27 |   ReactDOM.hydrate(
28 |     <Provider store={store}>
29 |       <BrowserRouter>
30 |         <Component />
31 |       </BrowserRouter>
32 |     </Provider>, document.getElementById('root')
33 |   );
34 | };
35 | 
36 | // Wrapping App inside of Provider
37 | // render(RecipeApp, store);
38 | renderRouter(App, store);
39 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Form/DatePicker.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import $ from 'jquery';
 3 | 
 4 | export default class DatePicker extends React.Component {
 5 |   componentDidMount() {
 6 |     this.initializeDatePicker();
 7 |   }
 8 |   initializeDatePicker() {
 9 |     // datepicker is based on http://amsul.ca/pickadate.js/api/
10 |     // Fix issue with onClose: https://github.com/amsul/pickadate.js/issues/160
11 |     $('.datepicker').pickadate({
12 |       selectMonths: true,
13 |       selectYears: 15,
14 |       today: 'Today',
15 |       clear: 'Clear',
16 |        format: 'mmm dd, yyyy',
17 |       close: 'Ok',
18 |       closeOnSelect: false,
19 |       onClose() {
20 |         $(":focus").blur();
21 |       },
22 |       onSet: function (context) {
23 |         this.handleDueDateChange(context.select);
24 |       }.bind(this)
25 |     });
26 |   }
27 |   handleDueDateChange(dueDateMs) {
28 |     const dueDate = new Date(dueDateMs);
29 |     this.props.onChange(dueDate);
30 |   }
31 |   render() {
32 |     return (
33 |       <div className="row">
34 |         <div className="input-field col l11 m11 s11">
35 |           <input
36 |             type="text"
37 |             placeholder="Click to select date"
38 |             onChange={this.handleDueDateChange}
39 |             className="datepicker"
40 |           />
41 |         </div>
42 |       </div>
43 |     );
44 |   }
45 | }
46 | 


--------------------------------------------------------------------------------
/client/src/shared/CommunityGuest/Tabs/Three.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import TopNav from '../TopNav';
 3 | import { communityPage as page }  from '../../data/appPage';
 4 | import { getApiData } from '../../../lib/helpers';
 5 | import { apiLink } from '../../data/apiLinks';
 6 | import Users from '../../components/Collection/Users';
 7 | 
 8 | export default class Three extends React.Component {
 9 |   constructor(props) {
10 |     super(props);
11 |     this.state = {
12 |       users: null
13 |     };
14 |   }
15 |   componentDidMount() {
16 |     this.fetchUsers();
17 |   }
18 |   fetchUsers() {
19 |     const communitySlug = this.props.community.slug;
20 |     const setApiData = data => this.setState({ users: data });
21 |     getApiData(apiLink.usersByCommunity(communitySlug), setApiData);
22 |   }
23 |   render() {
24 |     return (
25 |       <div className="section-white" style={{minHeight: '100vh'}}>
26 |         <TopNav route={this.props.route} user={this.props.user} community={this.props.community} />
27 |         <div className="community-page container">
28 |           <div className="row">
29 |             <div id={page(this.props.community.slug).three.slug} className="col s12">
30 |               <h3>{page(this.props.community.slug).three.name}</h3>
31 |               <Users users={this.state.users} />
32 |             </div>
33 |           </div>
34 |         </div>
35 |       </div>
36 |     );
37 |   }
38 | }
39 | 


--------------------------------------------------------------------------------
/client/src/craApps/AppPost.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { BrowserRouter } from 'react-router-dom';
 3 | import { Provider } from 'react-redux';
 4 | import App from '../shared/Post/App';
 5 | import { hot } from 'react-hot-loader';
 6 | import initStore from '../shared/redux/configureStore/initPostPage';
 7 | import * as actions from '../shared/redux/actions/page';
 8 | 
 9 | const store = initStore();
10 | 
11 | class AppPost extends React.Component {
12 |   componentDidMount() {
13 |     if (typeof document !== 'undefined') {
14 |       const postId = document.location.pathname.split('/').pop();
15 |       // NOTE: here we can toggle which page gets displayed (i.e., the user version or the guest version)
16 |       // by supplying the username. If the username exists, a user version of the app will be displayed.
17 |       // If the username does not exist, a guest version of the app will be displayed
18 |       const username = {
19 |         github: 'xiaoyunyang',
20 |         kyle: 'kyle',
21 |         invalid: 'foop'
22 |       }
23 |       if (postId !== 'default') {
24 |         store.dispatch(actions.getPostPageData(postId, username.kyle));
25 |       }
26 |     }
27 |   }
28 |   render() {
29 |     return (
30 |       <Provider store={store}>
31 |         <BrowserRouter>
32 |           <App />
33 |         </BrowserRouter>
34 |       </Provider>
35 |     );
36 |   }
37 | }
38 | 
39 | export default hot(module)(AppPost);
40 | 


--------------------------------------------------------------------------------
/client/src/shared/ProjectPage/App.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderRoutes } from 'react-router-config';
 3 | import { connect } from 'react-redux';
 4 | import { withRouter } from "react-router-dom";
 5 | import { bindActionCreators } from 'redux';
 6 | import * as actionCreators from '../redux/actions/page';
 7 | import { getRoutes } from './routes';
 8 | 
 9 | class AppContainer extends React.Component {
10 |   render() {
11 |     return (
12 |       <App {...this.props} />
13 |     );
14 |   }
15 | }
16 | const App = ({ state, actions }) => (
17 |   <div>
18 |     {renderRoutes(getRoutes(state.project.info.slug), {state, actions})}
19 |   </div>
20 | );
21 | //
22 | // class App extends React.Component {
23 | //   componentDidMount() {
24 | //     // TODO: Get contributor data
25 | //   }
26 | //
27 | //   render() {
28 | //     return (
29 | //       <Main
30 | //         projectInfo={this.props.project.info}
31 | //         contributors={this.props.project.contributors}
32 | //         user={this.props.user}
33 | //       />
34 | //     );
35 | //   }
36 | // }
37 | 
38 | // This function lets you convert the app state to properties on your component.
39 | function mapStateToProps(state) {
40 |   return {state: state};
41 | }
42 | 
43 | function mapDispatchToProps(dispatch) {
44 |   return { actions: bindActionCreators(actionCreators, dispatch) };
45 | }
46 | export default withRouter(
47 |   connect(mapStateToProps, mapDispatchToProps)(AppContainer)
48 | );
49 | 


--------------------------------------------------------------------------------
/client/src/clientApps/post.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import { Provider } from 'react-redux';
 4 | import { BrowserRouter } from 'react-router-dom';
 5 | import 'materialize-css';
 6 | import 'materialize-css/dist/css/materialize.min.css';
 7 | import 'materialize-css/dist/js/materialize.min';
 8 | import configureStore from '../shared/redux/configureStore/postPage';
 9 | import App from '../shared/Post/App';
10 | import '../assets/index.css';
11 | import 'draft-js/dist/Draft.css';
12 | import 'draft-js-inline-toolbar-plugin/lib/plugin.css';
13 | 
14 | // Grab the server serialized state off of the window object.
15 | const initialState = window.__PRELOADED_STATE__;
16 | 
17 | // Allow the passed state to be garbage-collected
18 | delete window.__PRELOADED_STATE__;
19 | 
20 | // Instead of starting Redux with an empty initial state on the server,
21 | // you pass the server data into the Redux setup.
22 | const store = configureStore(initialState);
23 | // const storeRoute = initRedux(initialStateRoute);
24 | 
25 | /*
26 |  * Main entry point for the client side isomorphic app
27 |  */
28 | const renderRouter = (Component, store) => {
29 |   ReactDOM.hydrate(
30 |     <Provider store={store}>
31 |       <BrowserRouter>
32 |         <Component />
33 |       </BrowserRouter>
34 |     </Provider>, document.getElementById('root')
35 |   );
36 | };
37 | 
38 | // Wrapping App inside of Provider
39 | // render(RecipeApp, store);
40 | renderRouter(App, store);
41 | 


--------------------------------------------------------------------------------
/client/src/shared/CommunityGuest/App.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderRoutes } from 'react-router-config';
 3 | import { connect } from 'react-redux';
 4 | import { withRouter } from 'react-router-dom';
 5 | import { bindActionCreators } from 'redux';
 6 | import { getRoutes } from './routes';
 7 | import * as actionCreators from '../redux/actions/page'
 8 | 
 9 | class AppContainer extends React.Component {
10 |   render() {
11 |     return (
12 |       <App {...this.props} />
13 |     );
14 |   }
15 | }
16 | 
17 | const App = ({ state }) => (
18 |   <div>
19 |     {renderRoutes(getRoutes(state.community.info.slug), state)}
20 |   </div>
21 | );
22 | 
23 | // This function lets you convert the app state to properties on your component.
24 | function mapStateToProps(state) {
25 |   return {
26 |     state
27 |   };
28 | }
29 | 
30 | // This function lets you make actions simpler to call from the component.
31 | // Normally you have to call dispatch(action) each time you want to call an action.
32 | // This allows the view to call the action without knowing about dispatch.
33 | function mapDispatchToProps(dispatch) {
34 |   return { actions: bindActionCreators(actionCreators, dispatch) };
35 | }
36 | 
37 | // Instead of exporting the App component, you export the connect component,
38 | // which takes in the two helper functions and the App component as parameters.
39 | export default withRouter(
40 |   connect(mapStateToProps, mapDispatchToProps)(AppContainer)
41 | );
42 | // export default App;
43 | 


--------------------------------------------------------------------------------
/client/src/shared/User/App.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderRoutes } from 'react-router-config';
 3 | import { connect } from 'react-redux';
 4 | import { withRouter } from "react-router-dom";
 5 | import { bindActionCreators } from 'redux';
 6 | import { getRoutes } from './routes';
 7 | import * as actionCreators from '../redux/actions/page';
 8 | 
 9 | class AppContainer extends React.Component {
10 |   render() {
11 |     return (
12 |       <App {...this.props} />
13 |     );
14 |   }
15 | }
16 | 
17 | const App = ({ state, actions }) => (
18 |   <div>
19 |     {renderRoutes(getRoutes(state.user.info), {state, actions})}
20 |   </div>
21 | );
22 | 
23 | // This function lets you convert the app state to properties on your component.
24 | function mapStateToProps(state) {
25 |   return {
26 |     state: state
27 |   };
28 | }
29 | 
30 | // This function lets you make actions simpler to call from the component.
31 | // Normally you have to call dispatch(action) each time you want to call an action.
32 | // This allows the view to call the action without knowing about dispatch.
33 | function mapDispatchToProps(dispatch) {
34 |   return { actions: bindActionCreators(actionCreators, dispatch) };
35 | }
36 | 
37 | // Instead of exporting the App component, you export the connect component,
38 | // which takes in the two helper functions and the App component as parameters.
39 | export default withRouter(
40 |   connect(mapStateToProps, mapDispatchToProps)(AppContainer)
41 | );
42 | // export default App;
43 | 


--------------------------------------------------------------------------------
/client/src/clientApps/communityguest.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import { Provider } from 'react-redux';
 4 | import { BrowserRouter } from 'react-router-dom';
 5 | import 'materialize-css';
 6 | import 'materialize-css/dist/css/materialize.min.css';
 7 | import 'materialize-css/dist/js/materialize.min';
 8 | import configureStore from '../shared/redux/configureStore/communityGuestPage';
 9 | import App from '../shared/CommunityGuest/App';
10 | import '../lib/tabs';
11 | import '../assets/index.css';
12 | 
13 | // Grab the server serialized state off of the window object.
14 | const initialState = window.__PRELOADED_STATE__;
15 | // const initialStateRoute = window.__SERIALIZED_STATE__;
16 | //
17 | 
18 | // Allow the passed state to be garbage-collected
19 | delete window.__PRELOADED_STATE__;
20 | 
21 | // Instead of starting Redux with an empty initial state on the server,
22 | // you pass the server data into the Redux setup.
23 | // const storeRoute = initRedux(initialStateRoute);
24 | const store = configureStore(initialState);
25 | 
26 | /*
27 |  * Main entry point for the client side isomorphic app
28 |  */
29 | const renderRouter = (Component, store) => {
30 |   ReactDOM.hydrate(
31 |     <Provider store={store}>
32 |       <BrowserRouter>
33 |         <Component />
34 |       </BrowserRouter>
35 |     </Provider>, document.getElementById('root')
36 |   );
37 | };
38 | 
39 | // Wrapping App inside of Provider
40 | // render(RecipeApp, store);
41 | renderRouter(App, store);
42 | 


--------------------------------------------------------------------------------
/client/src/shared/UserPage/App.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderRoutes } from 'react-router-config';
 3 | import { connect } from 'react-redux';
 4 | import { withRouter } from "react-router-dom";
 5 | import { bindActionCreators } from 'redux';
 6 | import { getRoutes } from './routes';
 7 | import * as actionCreators from '../redux/actions/page';
 8 | 
 9 | class AppContainer extends React.Component {
10 |   render() {
11 |     return (
12 |       <App {...this.props} />
13 |     );
14 |   }
15 | }
16 | 
17 | const App = ({ state, actions }) => (
18 |   <div>
19 |     {renderRoutes(getRoutes(state.user.info), {state, actions})}
20 |   </div>
21 | );
22 | 
23 | // This function lets you convert the app state to properties on your component.
24 | function mapStateToProps(state) {
25 |   return {
26 |     state: state
27 |   };
28 | }
29 | 
30 | // This function lets you make actions simpler to call from the component.
31 | // Normally you have to call dispatch(action) each time you want to call an action.
32 | // This allows the view to call the action without knowing about dispatch.
33 | function mapDispatchToProps(dispatch) {
34 |   return { actions: bindActionCreators(actionCreators, dispatch) };
35 | }
36 | 
37 | // Instead of exporting the App component, you export the connect component,
38 | // which takes in the two helper functions and the App component as parameters.
39 | export default withRouter(
40 |   connect(mapStateToProps, mapDispatchToProps)(AppContainer)
41 | );
42 | // export default App;
43 | 


--------------------------------------------------------------------------------
/client/src/clientApps/projectpage.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import { Provider } from 'react-redux';
 4 | import { BrowserRouter } from 'react-router-dom';
 5 | import 'materialize-css';
 6 | import 'materialize-css/dist/css/materialize.min.css';
 7 | import 'materialize-css/dist/js/materialize.min';
 8 | import configureStore from '../shared/redux/configureStore/projectPage';
 9 | import App from '../shared/ProjectPage/App';
10 | import '../lib/chips';
11 | import '../lib/forms'; // <- overriding the materialize forms js
12 | import '../assets/index.css';
13 | import 'draft-js/dist/Draft.css';
14 | import 'draft-js-inline-toolbar-plugin/lib/plugin.css';
15 | 
16 | // Grab the server serialized state off of the window object.
17 | const initialState = window.__PRELOADED_STATE__;
18 | 
19 | // Allow the passed state to be garbage-collected
20 | delete window.__PRELOADED_STATE__;
21 | 
22 | // Instead of starting Redux with an empty initial state on the server,
23 | // you pass the server data into the Redux setup.
24 | const store = configureStore(initialState);
25 | /*
26 |  * Main entry point for the client side isomorphic app
27 |  */
28 | const render = (Component, store) => {
29 |   ReactDOM.hydrate(
30 |     <Provider store={store}>
31 |       <BrowserRouter>
32 |         <Component />
33 |       </BrowserRouter>
34 |     </Provider>,
35 |     document.getElementById('root')
36 |   );
37 | };
38 | 
39 | // Wrapping App inside of Provider
40 | // render(RecipeApp, store);
41 | render(App, store);
42 | 


--------------------------------------------------------------------------------
/client/src/craApps/AppProjectPage.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { BrowserRouter } from 'react-router-dom';
 3 | import { Provider } from 'react-redux';
 4 | import App from '../shared/ProjectPage/App';
 5 | import { hot } from 'react-hot-loader';
 6 | import initStore from '../shared/redux/configureStore/initProjectPage';
 7 | import * as actions from '../shared/redux/actions/page';
 8 | //import configureStore from '../shared/redux/Project/configureStoreCRA';
 9 | 
10 | const store = initStore();
11 | 
12 | class AppProjectPage extends React.Component {
13 |   componentDidMount() {
14 |     if (typeof document !== 'undefined') {
15 |       const slug = document.location.pathname.split('/').pop();
16 |       // NOTE: here we can toggle which page gets displayed (i.e., the user version or the guest version)
17 |       // by supplying the username. If the username exists, a user version of the app will be displayed.
18 |       // If the username does not exist, a guest version of the app will be displayed
19 |       const username = {
20 |         github: 'xiaoyunyang',
21 |         kyle: 'kyle',
22 |         invalid: 'foop'
23 |       }
24 |       if (slug !== 'default') {
25 |         store.dispatch(actions.getProjectPageData(slug, username.github));
26 |       }
27 |     }
28 |   }
29 |   render() {
30 |     return (
31 |       <Provider store={store}>
32 |         <BrowserRouter>
33 |           <App />
34 |         </BrowserRouter>
35 |       </Provider>
36 |     );
37 |   }
38 | }
39 | 
40 | export default hot(module)(AppProjectPage);
41 | 


--------------------------------------------------------------------------------
/client/src/clientApps/userpage.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import { Provider } from 'react-redux';
 4 | import { BrowserRouter } from 'react-router-dom';
 5 | import 'materialize-css';
 6 | import 'materialize-css/dist/css/materialize.min.css';
 7 | import 'materialize-css/dist/js/materialize.min';
 8 | import configureStore from '../shared/redux/configureStore/userPage';
 9 | import App from '../shared/UserPage/App';
10 | import '../lib/tabs';
11 | import '../lib/chips';
12 | import '../assets/index.css';
13 | import 'draft-js/dist/Draft.css';
14 | import 'draft-js-inline-toolbar-plugin/lib/plugin.css';
15 | 
16 | // Grab the server serialized state off of the window object.
17 | const initialState = window.__PRELOADED_STATE__;
18 | 
19 | // Allow the passed state to be garbage-collected
20 | delete window.__PRELOADED_STATE__;
21 | 
22 | // Instead of starting Redux with an empty initial state on the server,
23 | // you pass the server data into the Redux setup.
24 | const store = configureStore(initialState);
25 | // const storeRoute = initRedux(initialStateRoute);
26 | 
27 | /*
28 |  * Main entry point for the client side isomorphic app
29 |  */
30 | const renderRouter = (Component, store) => {
31 |   ReactDOM.hydrate(
32 |     <Provider store={store}>
33 |       <BrowserRouter>
34 |         <Component />
35 |       </BrowserRouter>
36 |     </Provider>, document.getElementById('root')
37 |   );
38 | };
39 | 
40 | // Wrapping App inside of Provider
41 | // render(RecipeApp, store);
42 | renderRouter(App, store);
43 | 


--------------------------------------------------------------------------------
/server/views/_header.ejs:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 | <meta charset="utf-8">
 5 | <title>Learn About Me</title>
 6 | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
 7 | <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
 8 | </head>
 9 | <body>
10 | <div class="navbar navbar-default navbar-static-top" role="navigation">
11 |   <div class="container">
12 |     <div class="navbar-header">
13 |       <a class="navbar-brand" href="/auth">Learn About Me</a>
14 |     </div>
15 |     <ul class="nav navbar-nav navbar-right">
16 |       <% if (currentUser) { %>
17 |         <li>
18 |           <a href="/auth/edit">
19 |             Hello, <%= currentUser.name() %>
20 |           </a>
21 |         </li>
22 |         <li><a href="/auth/logout">Log out</a></li>
23 |       <% } else { %>
24 |         <li><a href="/auth/login">Log in</a></li>
25 |         <li><a href="/auth/signup">Sign up</a></li>
26 |         <li><a href="/auth/facebook"><span class="fa fa-facebook"></span> Facebook</a></li>
27 |         <li><a href="/auth/github"><span class="fa fa-github"></span> Github</a></li>
28 |       <% } %>
29 |     </ul>
30 |   </div>
31 | </div>
32 | <div class="container">
33 |   <% errors.forEach(function(error) { %>
34 |     <div class="alert alert-danger" role="alert">
35 |       <%= error %>
36 |     </div>
37 | <% }) %>
38 |   <% infos.forEach(function(info) { %>
39 |     <div class="alert alert-info" role="alert">
40 |       <%= info %>
41 |     </div>
42 | <% }) %>
43 | 


--------------------------------------------------------------------------------
/client/src/shared/Post/screens/Page/Main.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | // import PropTypes from 'prop-types';
 3 | import TopNavUser from '../../../components/TopNavUser/Main';
 4 | import TopNavGuest from '../../../components/TopNavSimple';
 5 | import Post from '../../../components/Discussion/Post';
 6 | import Footer from '../../../components/Footer';
 7 | 
 8 | class Main extends React.Component {
 9 |   deletePost(postId) {
10 |     window.location = '/';
11 |   }
12 |   render() {
13 |     const location = (typeof document !== 'undefined') ? document.location.pathname : undefined;
14 |     return (
15 |       <div>
16 |         <div className="section-white" style={{minHeight: '100vh'}}>
17 |           {
18 |             this.props.user.loggedinUser ?
19 |               <TopNavUser redirPath={location} user={this.props.user.loggedinUser} useExternLinks />
20 |               :
21 |               <TopNavGuest redirPath={location} useExternLinks />
22 |           }
23 |           <div className="container">
24 |             <h3>Post</h3>
25 |             <Post
26 |               showContext={true}
27 |               showContextForUser={false}
28 |               post={this.props.post.main}
29 |               loggedinUser={this.props.user.loggedinUser}
30 |               deletePost={this.deletePost.bind(this)}
31 |               showComment={true}
32 |             />
33 |           </div>
34 |         </div>
35 |         {
36 |           !this.props.user.loggedinUser && <Footer />
37 |         }
38 |       </div>
39 |     );
40 |   }
41 | }
42 | 
43 | export default Main;
44 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Collection/Projects/Card.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import appRoute from '../../../data/appRoute';
 4 | import { dateFormatted } from '../../../../lib/helpers';
 5 | import ContributorMeta from './ContributorMeta';
 6 | 
 7 | const Card = ({
 8 |   project, context, projectCreator, userId, userFirstname
 9 | }) => (
10 |   <div className="col s12 m12 l12">
11 |     <div className="card-panel collection-project">
12 |       <a href={appRoute('projectPage', true)(project.slug)}>
13 |         {project.title}
14 |       </a>
15 |       {
16 |         project.dueDate &&
17 |         <div className="grey-text text-darken-1" style={{ fontSize: 14 }}>
18 |           <i className="far fa-clock" />
19 |           {` Need Date - ${dateFormatted(project.dueDate)}`}
20 |         </div>
21 |       }
22 |       <p>{project.desc}</p>
23 |       <ContributorMeta
24 |         contributors={project.contributors}
25 |         slug={project.slug}
26 |         context={context}
27 |         projectCreator={projectCreator}
28 |         userId={userId}
29 |         userFirstname={userFirstname}
30 |       />
31 |     </div>
32 |   </div>
33 | );
34 | 
35 | Card.propTypes = {
36 |   project: PropTypes.object.isRequired,
37 |   context: PropTypes.string,
38 |   userId: PropTypes.string.isRequired,
39 |   projectCreator: PropTypes.object.isRequired,
40 |   userFirstname: PropTypes.string.isRequired
41 | };
42 | 
43 | // Context may be 'project' or 'user'
44 | Card.defaultProps = {
45 |   context: 'project'
46 | };
47 | 
48 | export default Card;
49 | 


--------------------------------------------------------------------------------
/client/src/clientApps/communityuser.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import { Provider } from 'react-redux';
 4 | import { BrowserRouter } from 'react-router-dom';
 5 | import 'materialize-css';
 6 | import 'materialize-css/dist/css/materialize.min.css';
 7 | import 'materialize-css/dist/js/materialize.min';
 8 | import configureStore from '../shared/redux/configureStore/communityUserPage';
 9 | import App from '../shared/CommunityUser/App';
10 | import '../lib/tabs';
11 | import '../assets/index.css';
12 | import 'draft-js/dist/Draft.css';
13 | import 'draft-js-inline-toolbar-plugin/lib/plugin.css';
14 | 
15 | // Grab the server serialized state off of the window object.
16 | const initialState = window.__PRELOADED_STATE__;
17 | // const initialStateRoute = window.__SERIALIZED_STATE__;
18 | //
19 | 
20 | // Allow the passed state to be garbage-collected
21 | delete window.__PRELOADED_STATE__;
22 | 
23 | // Instead of starting Redux with an empty initial state on the server,
24 | // you pass the server data into the Redux setup.
25 | // const storeRoute = initRedux(initialStateRoute);
26 | const store = configureStore(initialState);
27 | 
28 | /*
29 |  * Main entry point for the client side isomorphic app
30 |  */
31 | const renderRouter = (Component, store) => {
32 |   ReactDOM.hydrate(
33 |     <Provider store={store}>
34 |       <BrowserRouter>
35 |         <Component />
36 |       </BrowserRouter>
37 |     </Provider>, document.getElementById('root')
38 |   );
39 | };
40 | 
41 | // Wrapping App inside of Provider
42 | // render(RecipeApp, store);
43 | renderRouter(App, store);
44 | 


--------------------------------------------------------------------------------
/client/src/clientApps/user.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import { Provider } from 'react-redux';
 4 | import { BrowserRouter } from 'react-router-dom';
 5 | import 'materialize-css';
 6 | import 'materialize-css/dist/css/materialize.min.css';
 7 | import 'materialize-css/dist/js/materialize.min';
 8 | import configureStore from '../shared/redux/configureStore/userPage';
 9 | import App from '../shared/User/App';
10 | import '../lib/tabs';
11 | import '../lib/chips';
12 | import '../lib/forms'; // <- overriding the materialize forms js
13 | import '../assets/index.css';
14 | import 'draft-js/dist/Draft.css';
15 | import 'draft-js-inline-toolbar-plugin/lib/plugin.css';
16 | 
17 | // Grab the server serialized state off of the window object.
18 | const initialState = window.__PRELOADED_STATE__;
19 | 
20 | // Allow the passed state to be garbage-collected
21 | delete window.__PRELOADED_STATE__;
22 | 
23 | // Instead of starting Redux with an empty initial state on the server,
24 | // you pass the server data into the Redux setup.
25 | const store = configureStore(initialState);
26 | // const storeRoute = initRedux(initialStateRoute);
27 | 
28 | /*
29 |  * Main entry point for the client side isomorphic app
30 |  */
31 | const renderRouter = (Component, store) => {
32 |   ReactDOM.hydrate(
33 |     <Provider store={store}>
34 |       <BrowserRouter>
35 |         <Component />
36 |       </BrowserRouter>
37 |     </Provider>, document.getElementById('root')
38 |   );
39 | };
40 | 
41 | // Wrapping App inside of Provider
42 | // render(RecipeApp, store);
43 | renderRouter(App, store);
44 | 


--------------------------------------------------------------------------------
/server/models/Project.js:
--------------------------------------------------------------------------------
 1 | import mongoose from 'mongoose';
 2 | import mongoosePaginate from 'mongoose-paginate';
 3 | 
 4 | // TODO: contributors needs to be:
 5 | // userId: { contribute: Date, watch: Date, submit: Date }
 6 | 
 7 | const schema = mongoose.Schema({
 8 |   createdAt: { type: Date, default: Date.now },
 9 |   postedBy: { type: mongoose.Schema.ObjectId, ref: 'User' },
10 |   creator: {
11 |     about: { type: String, default: '' },
12 |     mission: { type: String, default: '' }
13 |   },
14 |   slug: { type: String, required: true, unique: true },
15 |   title: { type: String, required: true },
16 |   desc: String,
17 |   communities: Array,
18 |   interestAreas: Array,
19 |   contributors: { type: Object, default: { } },
20 |   deliverable: {
21 |     formats: { type: Array, default: [] },
22 |     instruction: { type: String, default: '' }
23 |   },
24 |   dueDate: Date
25 | });
26 | 
27 | // projectSchema.path('title').required(true, 'Project title cannot be blank');
28 | 
29 | // Model methods ===============================================================
30 | schema.methods.list = function (options) {
31 |   const criteria = options.criteria || {};
32 |   const page = options.page || 0;
33 |   const limit = options.limit || 30;
34 |   return this.find(criteria)
35 |     .populate('user', 'name username')
36 |     .sort({ createdAt: -1 })
37 |     .limit(limit)
38 |     .skip(limit * page)
39 |     .exec();
40 | };
41 | 
42 | schema.plugin(mongoosePaginate);
43 | 
44 | // Creating and exporting the user model =======================================
45 | const Project = mongoose.model('Project', schema);
46 | 
47 | module.exports = Project;
48 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Discussion/Reaction.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import $ from 'jquery';
 4 | 
 5 | export default class Reaction extends React.Component {
 6 |   componentDidMount() {
 7 |     $('.tooltipped').tooltip();
 8 |   }
 9 |   handleReactNumClick() {
10 |     this.props.handleReactNumClick(this.props.label);
11 |   }
12 |   render() {
13 |     return (
14 |       <span>
15 |         <a
16 |           className="tooltipped"
17 |           data-position="top"
18 |           data-delay="50"
19 |           data-tooltip={this.props.label}
20 |           onClick={this.props.handleReactClick}
21 |         >
22 |           {
23 |             this.props.userHasReacted ?
24 |               <i className={`fas fa-${this.props.faName}`} />
25 |               :
26 |               <i className={`far fa-${this.props.faName}`} />
27 |           }
28 |         </a>
29 |         {
30 |           this.props.showNumReacted &&
31 |           <a
32 |             onClick={this.props.handleReactionNumClick}
33 |             style={{ marginLeft: -20 }}
34 |           >
35 |             {this.props.numReacted}
36 |           </a>
37 |         }
38 |       </span>
39 |     );
40 |   }
41 | }
42 | Reaction.propTypes = {
43 |   faName: PropTypes.string.isRequired,
44 |   label: PropTypes.string.isRequired,
45 |   userHasReacted: PropTypes.bool.isRequired,
46 |   readOnly: PropTypes.bool,
47 |   numReacted: PropTypes.number,
48 |   showNumReacted: PropTypes.bool,
49 |   handleReactClick: PropTypes.func.isRequired,
50 |   handleReactionNumClick: PropTypes.func, 
51 | };
52 | Reaction.defaultProps = {
53 |   showNumReacted: true
54 | };
55 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Form/TextInput.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | 
 3 | const icon = (id) => {
 4 |   switch (id) {
 5 |     case 'username': return 'insert_link';
 6 |     case 'displayName': return 'account_circle';
 7 |     case 'email': return 'email';
 8 |     case 'location': return 'location_on';
 9 |     case 'website': return 'public';
10 |     default: return null;
11 |   }
12 | };
13 | const type = id => id === 'email' ? 'email' : 'text';
14 | const dataError = id => id === 'email' ? 'invalid email' : '';
15 | 
16 | export default class TextInput extends React.Component {
17 |   constructor(props) {
18 |     super(props);
19 |     this.handleChange = this.handleChange.bind(this);
20 |   }
21 |   handleChange(e) {
22 |     this.props.onChange(e.target.value);
23 |   }
24 |   render() {
25 |     const iconName = icon(this.props.id);
26 |     return (
27 |       <div className="row">
28 |         <div className={`input-field col s12 m12 l12`}>
29 |           {iconName &&
30 |             <i className="material-icons prefix grey-text text-darken-2">{iconName}</i>
31 |           }
32 |           <input
33 |             id={this.props.id}
34 |             defaultValue={this.props.field}
35 |             onChange={this.handleChange}
36 |             type={type(this.props.id)}
37 |             className="validate"
38 |           />
39 |           <label
40 |             htmlFor={this.props.id}
41 |             data-error={dataError(this.props.id)}
42 |             data-success=""
43 |             className={!this.props.field ? '' : 'active'}
44 |           >
45 |             {this.props.label}
46 |           </label>
47 |         </div>
48 |       </div>
49 |     );
50 |   }
51 | }
52 | 


--------------------------------------------------------------------------------
/test/capitalize.js:
--------------------------------------------------------------------------------
 1 | const capitalize = require('../server/modules/capitalize');
 2 | const chai = require('chai');
 3 | 
 4 | const expect = chai.expect;
 5 | 
 6 | describe('capitalize', () => {
 7 |   it('capitalizes single words', () => {
 8 |     expect(capitalize('express')).to.equal('Express');
 9 |     expect(capitalize('cats')).to.equal('Cats');
10 |   });
11 |   it('makes the rest of the string lowercase', () => {
12 |     expect(capitalize('javaScript')).to.equal('Javascript');
13 |   });
14 |   it('leaves empty strings alone', () => {
15 |     expect(capitalize('')).to.equal('');
16 |   });
17 |   it('leaves strings with no words alone', () => {
18 |     expect(capitalize('  ')).to.equal('  ');
19 |     expect(capitalize('123')).to.equal('123');
20 |   });
21 |   it('capitalizes multiple-word strings', () => {
22 |     expect(capitalize('what is Express?')).to.equal('What is express?');
23 |     expect(capitalize('i love lamp')).to.equal('I love lamp');
24 |   });
25 |   it('leaves already-capitalized words alone', () => {
26 |     expect(capitalize('Express')).to.equal('Express');
27 |     expect(capitalize('Evan')).to.equal('Evan');
28 |     expect(capitalize('Catman')).to.equal('Catman');
29 |   });
30 |   it('capitalizes String objects without changing their values', () => {
31 |     const str = 'who is JavaScript?';
32 |     expect(capitalize(str)).to.equal('Who is javascript?');
33 |     expect(str.valueOf()).to.equal('who is JavaScript?');
34 |   });
35 |   it('throws an error if passed a number', () => {
36 |     expect(() => { capitalize(123); }).to.throw(Error);
37 |   });
38 |   it('changes the value', () => {
39 |     expect(capitalize('foo')).not.to.equal('foo');
40 |   });
41 | });
42 | 


--------------------------------------------------------------------------------
/client/src/shared/CommunityUser/App.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderRoutes } from 'react-router-config';
 3 | import { connect } from 'react-redux';
 4 | import { withRouter } from 'react-router-dom';
 5 | import { bindActionCreators } from 'redux';
 6 | import { getRoutes } from './routes';
 7 | import * as actionCreators from '../redux/actions/page';
 8 | 
 9 | class AppContainer extends React.Component {
10 |   render() {
11 |     return (
12 |       <App {...this.props} />
13 |     );
14 |   }
15 | }
16 | 
17 | class App extends React.Component {
18 |   render() {
19 |     const appProps = {
20 |       state: this.props.state,
21 |       actions: this.props.actions
22 |     }
23 |     return (
24 |       <div>
25 |         {renderRoutes(getRoutes(this.props.state.community.info.slug), appProps)}
26 |       </div>
27 |     )
28 |   }
29 | }
30 | 
31 | // This function lets you convert the app state to properties on your component.
32 | function mapStateToProps(state) {
33 |   return {
34 |     state
35 |   };
36 | }
37 | 
38 | // This function lets you make actions simpler to call from the component.
39 | // Normally you have to call dispatch(action) each time you want to call an action.
40 | // This allows the view to call the action without knowing about dispatch.
41 | function mapDispatchToProps(dispatch) {
42 |   return { actions: bindActionCreators(actionCreators, dispatch) };
43 | }
44 | 
45 | // Instead of exporting the App component, you export the connect component,
46 | // which takes in the two helper functions and the App component as parameters.
47 | export default withRouter(
48 |   connect(mapStateToProps, mapDispatchToProps)(AppContainer)
49 | );
50 | // export default App;
51 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Portfolio/Four.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { getApiData } from '../../../lib/helpers';
 3 | import { apiLink } from '../../data/apiLinks';
 4 | import Users from '../Collection/Users';
 5 | 
 6 | export default class Three extends React.Component {
 7 |   constructor(props) {
 8 |     super(props);
 9 |     this.state = {
10 |       users: []
11 |     };
12 |   }
13 |   componentDidMount() {
14 |     this.fetchUsers(this.props.user.following);
15 |   }
16 |   componentWillReceiveProps(nextProps) {
17 |     if(nextProps.user.following !== this.props.user.following) {
18 |       this.fetchUsers(nextProps.user.following)
19 |     }
20 |   }
21 |   fetchUsers(following) {
22 |     if (following.length === 0) {
23 |       this.setState({ users: []})
24 |     } else {
25 |       const setApiData = data => this.setState({ users: data });
26 |       const url = apiLink.usersByIds(following);
27 |       getApiData(url, setApiData);
28 |     }
29 |   }
30 |   updateState() {
31 |     this.props.actions.getUserProfileData(
32 |       this.props.user.username,
33 |       this.props.loggedinAs.username
34 |     );
35 |   }
36 |   render() {
37 |     return (
38 |       <div className="container">
39 |         <div className="row">
40 |           <h3>Following</h3>
41 |           {
42 |             this.state.users.length > 0 ?
43 |               <Users
44 |                 users={this.state.users}
45 |                 loggedinAs={this.props.loggedinAs}
46 |                 updateState={this.updateState.bind(this)}
47 |               />
48 |               :
49 |               <p>Not following anyone.</p>
50 |           }
51 |         </div>
52 |       </div>
53 |     );
54 |   }
55 | }
56 | 


--------------------------------------------------------------------------------
/server/auth/newUserHelper.js:
--------------------------------------------------------------------------------
 1 | import User from '../models/User';
 2 | import chalk from 'chalk';
 3 | 
 4 | // TODO: don't do user User.count. If you logged in with facebook, with username
 5 | // xiaoyunyang, then logged in with github, which created another user with
 6 | // same username, but called xiaoyunyang-1, then deleted the facebook account,
 7 | // then created the facebook account again, you won't be able to create an
 8 | // account due to duplicate key (xiaoyunyang-1).
 9 | // What we want to do is to find the largest number following the username
10 | // and append that to the end of the new username (xiaoyunyang-2)
11 | 
12 | const updateLargest = (largest, append) => {
13 |   if (!append) return largest;
14 |   const candidateLargest = Number.parseInt(append, 10);
15 |   if (Number.isNaN(candidateLargest)) return largest;
16 |   return candidateLargest > largest ? candidateLargest : largest;
17 | };
18 | 
19 | export const createUsername = ({ baseUsername, cbSuccess, cbErr }) => {
20 |   const regex = new RegExp(`^${baseUsername}.*$`, 'i');
21 |   return User.find({ username: regex }, (err, users) => {
22 |     if (err) {
23 |       return cbErr(err);
24 |     }
25 |     if (users.length === 0) {
26 |       return cbSuccess(baseUsername);
27 |     }
28 | 
29 |     let largest = 0;
30 |     for (let i = 0; i < users.length; i += 1) {
31 |       const append = users[i].username.split('-')[1];
32 | 
33 |       largest = updateLargest(largest, append);
34 |     }
35 | 
36 |     cbSuccess(`${baseUsername}-${largest + 1}`);
37 |   });
38 | };
39 | 
40 | export const updateNewUserFields = fields => {
41 |   return {
42 |     username: fields.username,
43 |     displayName: fields.displayName
44 |   };
45 | };
46 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Portfolio/Three.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { getApiData } from '../../../lib/helpers';
 3 | import { apiLink } from '../../data/apiLinks';
 4 | import Users from '../Collection/Users';
 5 | 
 6 | export default class Three extends React.Component {
 7 |   constructor(props) {
 8 |     super(props);
 9 |     this.state = {
10 |       users: []
11 |     };
12 |   }
13 |   componentDidMount() {
14 |     this.fetchUsers(this.props.user.followers);
15 |   }
16 |   componentWillReceiveProps(nextProps) {
17 |     if(nextProps.user.followers !== this.props.followers) {
18 |       this.fetchUsers(nextProps.user.followers)
19 |     }
20 |   }
21 |   fetchUsers(followers) {
22 |     if (followers.length === 0) {
23 |       this.setState({users: []});
24 |     } else {
25 |       const setApiData = data => this.setState({ users: data });
26 |       const url = apiLink.usersByIds(followers);
27 |       getApiData(url, setApiData);
28 |     }
29 |   }
30 |   updateState() {
31 |     this.props.actions.getUserProfileData(
32 |       this.props.user.username,
33 |       this.props.loggedinAs.username
34 |     );
35 |   }
36 |   render() {
37 |     return (
38 |       <div className="container">
39 |         <div className="row">
40 |           <h3>Followers</h3>
41 |             {
42 |               this.state.users.length > 0 ?
43 |                 <Users
44 |                   users={this.state.users}
45 |                   loggedinAs={this.props.loggedinAs}
46 |                   updateState={this.updateState.bind(this)}
47 |                 />
48 |                 :
49 |                 <p>No followers.</p>
50 |             }
51 |         </div>
52 |       </div>
53 |     );
54 |   }
55 | }
56 | 


--------------------------------------------------------------------------------
/client/src/craApps/AppCommunityUser.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { BrowserRouter } from 'react-router-dom';
 3 | import { Provider } from 'react-redux';
 4 | import App from '../shared/CommunityUser/App';
 5 | import { hot } from 'react-hot-loader';
 6 | import axios from 'axios';
 7 | import initStore from '../shared/redux/configureStore/initCommunityUserPage';
 8 | import * as actions from '../shared/redux/actions/user';
 9 | import { apiLink } from '../shared/data/apiLinks';
10 | 
11 | const store = initStore();
12 | 
13 | class AppCommunityUser extends React.Component {
14 | 
15 |   componentDidMount() {
16 |     const usernames = {
17 |       nil: 'default',
18 |       facebook: 'xyang',
19 |       github: 'xiaoyunyang',
20 |       chandler: 'chandler',
21 |       kyle: 'kyle'
22 |     }
23 | 
24 |     const username = usernames.kyle;
25 | 
26 |     if(username && username !== 'default') {
27 |       this.fetchUser(username);
28 |     }
29 |   }
30 |   fetchUser(username) {
31 |     axios.get(apiLink.userByUsername(username))
32 |       .then((response) => {
33 |         if(response.data.length === 1) {
34 |           store.dispatch(actions.setLoggedinUser(response.data.pop()));
35 |         } else {
36 |           const oldUsername = store.getState().user.info.username
37 |           window.location = `/@${oldUsername}`
38 |         }
39 |       })
40 |       .catch((error) => {
41 |         // handle error
42 |         console.log(error);
43 |       })
44 |   }
45 |   render() {
46 |     return (
47 |       <Provider store={store}>
48 |         <BrowserRouter>
49 |           <App />
50 |         </BrowserRouter>
51 |       </Provider>
52 |     );
53 |   }
54 | }
55 | 
56 | 
57 | 
58 | export default hot(module)(AppCommunityUser);
59 | 


--------------------------------------------------------------------------------
/client/iso-middleware/renderLandingApp.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderToString } from 'react-dom/server';
 3 | import { StaticRouter } from 'react-router-dom';
 4 | import { matchRoutes } from 'react-router-config';
 5 | import { routes } from '../src/shared/Landing/routes';
 6 | import HTML from '../src/shared/components/HTML';
 7 | import App from '../src/shared/Landing/App';
 8 | 
 9 | export default function renderLandingApp(req, res, next) {
10 |   const meta = {
11 |     title: 'LooseLeaf',
12 |     desc: 'Get your projects done for free',
13 |     url: req.url,
14 |     keywords: 'LooseLeaf, CRM, ATS, applicant tracking, collaboration, project management, developers, talent sourcing, open source'
15 |   };
16 |   const clientAppPath='/landing.bundle.js';
17 | 
18 |   const branch = matchRoutes(routes, req.url);
19 | 
20 |   const promises = branch.map(({ route, match }) => {
21 |     return route.loadData
22 |       ? route.loadData(match)
23 |       : Promise.resolve(null);
24 |   });
25 | 
26 |   Promise.all(promises).then(data => {
27 |      // data will be an array[] of datas returned by each promises.
28 |      // console.log(data)
29 | 
30 |      const context = data.reduce((context, data) => {
31 |        return Object.assign(context, data);
32 |      }, {});
33 | 
34 |      const app = renderToString(
35 |        <StaticRouter location={req.url} context={context} >
36 |          <App />
37 |        </StaticRouter>
38 |      );
39 |      const html = renderToString(
40 |        <HTML
41 |          meta={meta}
42 |          html={app}
43 |          clientAppPath={clientAppPath}
44 |        />
45 |      );
46 |     return res.send(`<!DOCTYPE html>${html}`);
47 |   }).catch(reason => {
48 |     console.log(reason)
49 |   });
50 | }
51 | 


--------------------------------------------------------------------------------
/client/src/shared/User/screens/Home/Main.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import TopNav from '../../../components/TopNavUser/Main';
 3 | import Discussion from '../../../components/Discussion/Main';
 4 | import Stats from './Stats';
 5 | 
 6 | // This is a ES6 class - see https://toddmotto.com/react-create-class-versus-component/
 7 | class Home extends React.Component {
 8 |   render() {
 9 |     const following = this.props.user.info.following;
10 |     const followers = this.props.user.info.followers;
11 |     const projects = this.props.user.info.projects;
12 |     const communities = this.props.user.info.communities;
13 |     const currUser = this.props.user.info._id;
14 |     const context = {name: 'userFeed', queryBy: { following, followers, projects, communities, currUser }}
15 |     return (
16 |       <div className="section-white" style={{minHeight: '100vh'}}>
17 |         <TopNav route={this.props.route} user={this.props.user.info}/>
18 |         <div className="container" id="user-home">
19 |           <div className="row">
20 |             <div className="col s12 m4 l3">
21 |               <Stats user={this.props.user.info} />
22 |             </div>
23 |             <div className="col s12 m8 l9 user-feed">
24 |               <Discussion
25 |                 context={context}
26 |                 loggedinUser={this.props.user.info}
27 |                 noPostDisp='No posts found. To see posts added to your feed, join a community, contribute to a project, or follow other users.'
28 |                 readOnly
29 |                 showContext
30 |                 showContextForUser={false}
31 |               />
32 |             </div>
33 |           </div>
34 |         </div>
35 |       </div>
36 |     );
37 |   }
38 | }
39 | 
40 | export default Home;
41 | 


--------------------------------------------------------------------------------
/server/modules/getInfoFromURL.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * getUsernameFromURL
 3 |  * @param {[string]} path [path for the url with format:  protocol://hostname:port/@username]
 4 |  * @return {[function]} [a closure]
 5 |  *
 6 |  * Usage example:
 7 |  * getInfoFromURL("https://medium.com/@xiaoyunyang")("username")
 8 |  * returns "xiaoyunyang"
 9 |  *
10 |  * See docs on Node URL: https://nodejs.org/docs/latest/api/url.html
11 |  *
12 |  */
13 | const getInfoFromURL = path => {
14 |   const URL = require('url').URL;
15 |   const myUrl = new URL(path);
16 |   const pathname = myUrl.pathname;
17 | 
18 |   const getUsernameFromURL = pathname => {
19 |     const regex = new RegExp('/@');
20 |     const username = pathname.split(regex).slice(1)[0];
21 |     if (!username) {
22 |       return 'Error in parsing: URL needs to be in format://hostname:port/@username';
23 |     }
24 |     return username;
25 |   };
26 |   const getPathnameFromURL = pathname => {
27 |     const regex = new RegExp('/');
28 |     const name = pathname.split(regex).slice(1)[0];
29 |     if (!name) {
30 |       return 'Error in parsing: URL needs to be in format://hostname:port/pathname';
31 |     }
32 |     return name;
33 |   };
34 | 
35 | 
36 |   return (param) => {
37 |     if (param === 'username') return getUsernameFromURL(pathname);
38 |     else if (param === 'pathname') return getPathnameFromURL(pathname);
39 |     return 'error';
40 |   };
41 | };
42 | 
43 | 
44 | // TODO: TEST CODE BELOW. Remote for production
45 | // let path = "https://medium.com/@xiaoyunyang"
46 | // console.log(getInfoFromURL(path)("username"))
47 | 
48 | /*
49 | We have to use module.export because our server doesn't get transpiled into ES6.
50 | export default [module name] is ES6 syntax
51 |  */
52 | 
53 | module.exports = getInfoFromURL;
54 | 


--------------------------------------------------------------------------------
/client/src/shared/Landing/routes.js:
--------------------------------------------------------------------------------
 1 | import Root from './Root';
 2 | import Home from './screens/Home';
 3 | import HowItWorks from './screens/HowItWorks';
 4 | import About from './screens/About';
 5 | import Careers from './screens/Careers';
 6 | import Privacy from './screens/Privacy';
 7 | import Terms from './screens/Terms';
 8 | import Signup from '../components/Login/SignupPage';
 9 | import Login from '../components/Login/LoginPage';
10 | import NotFound from '../components/NotFound';
11 | import appRoute from '../data/appRoute';
12 | 
13 | // function noop() {}
14 | const routes = [
15 |   {
16 |     component: Root,
17 |     routes: [
18 |       {
19 |         path: appRoute('landingHome'),
20 |         exact: true,
21 |         component: Home
22 |       },
23 |       {
24 |         path: appRoute('landingHowItWorks'),
25 |         exact: true,
26 |         component: HowItWorks
27 |       },
28 |       {
29 |         path: appRoute('landingAbout'),
30 |         exact: true,
31 |         component: About
32 |       },
33 |       {
34 |         path: appRoute('careers'),
35 |         exact: true,
36 |         component: Careers
37 |       },
38 |       {
39 |         path: appRoute('privacy'),
40 |         exact: true,
41 |         component: Privacy
42 |       },
43 |       {
44 |         path: appRoute('terms'),
45 |         exact: true,
46 |         component: Terms
47 |       },
48 |       {
49 |         path: appRoute('signup'),
50 |         exact: true,
51 |         component: Signup
52 |       },
53 |       {
54 |         path: appRoute('login'),
55 |         exact: true,
56 |         component: Login
57 |       },
58 |       {
59 |         path: appRoute('landingWildcard'),
60 |         component: NotFound
61 |       }
62 |     ]
63 |   }
64 | ];
65 | 
66 | export { routes };
67 | 


--------------------------------------------------------------------------------
/client/src/shared/components/TopNavUser/NewDropdown.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import $ from 'jquery';
 4 | import { UserAppNav } from '../Nav/AppNav';
 5 | 
 6 | class UserDropdown extends React.Component {
 7 |   componentDidMount() {
 8 |     $('.dropdown-button').dropdown({
 9 |       inDuration: 300,
10 |       outDuration: 225,
11 |       gutter: 0, // Spacing from edge
12 |       belowOrigin: true, // Displays dropdown below the button
13 |       alignment: 'left', // Displays dropdown with edge aligned to the left of button
14 |       constrainWidth: false, // Does not change width of dropdown to that of the activator
15 |       stopPropagation: false // Stops event propagation
16 |     });
17 |   }
18 |   render() {
19 |     const { username } = this.props;
20 |     return (
21 |       <li className="dropdown-block">
22 |         <a className="dropdown-button" data-activates="new-dropdown">
23 |            <i className="material-icons">add</i>
24 |           <div className="arrow-down" style={{left: -15, top: 5}}/>
25 |         </a>
26 |         <ul id="new-dropdown" className="dropdown-content topnav-dropdown">
27 |           <li><UserAppNav pageName='newProject' username={username} external={true}/></li>
28 |           <div className="popover-arrow" />
29 |         </ul>
30 |       </li>
31 |     );
32 |   }
33 | }
34 | 
35 | UserDropdown.propTypes = {
36 |   username: PropTypes.string,
37 |   userPic: PropTypes.string, // url
38 |   useExternLinks: PropTypes.bool, //this determines if <a/>  (if true) or <Link /> (if false) is rendered.
39 |   redirPath: PropTypes.string //redirect for log out.
40 | };
41 | 
42 | UserDropdown.defaultProps = {
43 |   useExternLinks: true,
44 |   redirPath: '/'
45 | };
46 | 
47 | export default UserDropdown;
48 | 


--------------------------------------------------------------------------------
/client/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 6 |     <meta name="theme-color" content="#000000">
 7 |     <title>LooseLeaf</title>
 8 |     <!--
 9 |       manifest.json provides metadata used when your web app is added to the
10 |       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
11 |     -->
12 |     <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
13 |     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
14 |     <!--
15 |       Notice the use of %PUBLIC_URL% in the tags above.
16 |       It will be replaced with the URL of the `public` folder during the build.
17 |       Only files inside the `public` folder can be referenced from the HTML.
18 | 
19 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
20 |       work correctly both with client-side routing and a non-root public URL.
21 |       Learn how to configure a non-root public URL by running `npm run build`.
22 |     -->
23 |     <title>React App</title>
24 |   </head>
25 |   <body>
26 |     <noscript>
27 |       You need to enable JavaScript to run this app.
28 |     </noscript>
29 |     <div id="root"></div>
30 |     <!--
31 |       This HTML file is a template.
32 |       If you open it directly in the browser, you will see an empty page.
33 | 
34 |       You can add webfonts, meta tags, or analytics to this file.
35 |       The build step will place the bundled scripts into the <body> tag.
36 | 
37 |       To begin the development, run `npm start` or `yarn start`.
38 |       To create a production bundle, use `npm run build` or `yarn build`.
39 |     -->
40 | 
41 |   </body>
42 | </html>
43 | 


--------------------------------------------------------------------------------
/client/src/shared/components/TopNavUser/CommunityDropdown.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import $ from 'jquery';
 4 | import appRoute from '../../data/appRoute';
 5 | import { slug2Name } from '../../../lib/helpers';
 6 | 
 7 | class CommunityDropdown extends React.Component {
 8 |   componentDidMount() {
 9 |     $('.dropdown-button').dropdown({
10 |       inDuration: 300,
11 |       outDuration: 225,
12 |       gutter: 0, // Spacing from edge
13 |       belowOrigin: true, // Displays dropdown below the button
14 |       alignment: 'left', // Displays dropdown with edge aligned to the left of button
15 |       constrainWidth: false, // Does not change width of dropdown to that of the activator
16 |       stopPropagation: false // Stops event propagation
17 |     });
18 |   }
19 |   render() {
20 |     return (
21 |       <li className="dropdown-block">
22 |         <a className="dropdown-button" data-activates="community-dropdown">
23 |           Communities
24 |         </a>
25 |         <ul id="community-dropdown" className="dropdown-content topnav-dropdown">
26 |           { this.props.communities.length === 0 ?
27 |             <li>
28 |               <a href={appRoute('exploreCommunities', true)}>Join One</a>
29 |             </li>
30 |             :
31 |             this.props.communities.map(c => (
32 |               <li key={`community-dropdown-${c}`}>
33 |                 <a href={`/community/${c}`}>{slug2Name(c)}</a>
34 |               </li>
35 |               ))
36 |           }
37 |           <div className="popover-arrow" />
38 |         </ul>
39 |       </li>
40 |     );
41 |   }
42 | }
43 | 
44 | CommunityDropdown.propTypes = {
45 |   communities: PropTypes.array
46 | };
47 | CommunityDropdown.defaultProps = {
48 |   communities: []
49 | }
50 | 
51 | export default CommunityDropdown;
52 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Login/SocialLogin.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { apiLink } from '../../data/apiLinks'
 4 | import appRoute from '../../data/appRoute';
 5 | 
 6 | class SocialLogin extends React.Component {
 7 |   constructor() {
 8 |     super();
 9 |     SocialLogin.propTypes = {
10 |       oauthOpts: PropTypes.array.isRequired,
11 |       action: PropTypes.string.isRequired
12 |     };
13 |     this.state = {
14 |       clientModeOn: false
15 |     }
16 |   }
17 |   componentDidMount(){
18 |     this.setState({
19 |       clientModeOn: true
20 |     })
21 |   }
22 |   renderLoginBtn(oauth, action, key) {
23 |     // capitalize first letter of oath. Example: facebook => Facebook
24 |     const oauthName = oauth[0].toUpperCase() + oauth.substr(1);
25 |     const redirPath = `${apiLink.authPath}/${oauth}?redirPath=${this.props.redirPath}`
26 |     return (
27 |       <div key={key} className={`btn-${oauth}`}>
28 |         <a className="btn" href={redirPath}>
29 |           <i className={`fab fa-${oauth} fa-lg`} />
30 |           {`${this.props.action} with ${oauthName}`}
31 |         </a>
32 |       </div>
33 |     );
34 |   }
35 |   render() {
36 |     return (
37 |       <div className="col s12 m10 offset-m1 l8 offset-l2 social-logins">
38 |         { this.state.clientModeOn ?
39 |             this.props.oauthOpts.map((oauth, i) => {
40 |               return this.renderLoginBtn(oauth, this.props.action, i);
41 |             })
42 |             :
43 |             null
44 |         }
45 |       </div>
46 |     );
47 |   }
48 | }
49 | SocialLogin.propTypes = {
50 |   oauthOpts: PropTypes.array.isRequired,
51 |   action: PropTypes.string.isRequired,
52 |   redirPath: PropTypes.string
53 | };
54 | SocialLogin.defaultProps = {
55 |   redirPath: appRoute('userHome')
56 | };
57 | export default SocialLogin;
58 | 


--------------------------------------------------------------------------------
/client/src/craApps/AppUser.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { BrowserRouter } from 'react-router-dom';
 3 | import { Provider } from 'react-redux';
 4 | import App from '../shared/User/App';
 5 | import { hot } from 'react-hot-loader';
 6 | import axios from 'axios';
 7 | import initStore from '../shared/redux/configureStore/initUserPage';
 8 | import * as actions from '../shared/redux/actions/page';
 9 | import { apiLink } from '../shared/data/apiLinks';
10 | 
11 | const store = initStore();
12 | 
13 | // Get username from document.location.pathname
14 | const getUsername = (path) => {
15 |   let userArr = path.split('/').filter(d =>
16 |     d.indexOf('@') !== -1
17 |   );
18 |   if(userArr.length > 0) {
19 |     return userArr[0].substring(1)
20 |   }
21 |   return undefined;
22 | }
23 | 
24 | class AppUser extends React.Component {
25 |   componentDidMount() {
26 |     if (typeof document !== 'undefined') {
27 |       const username = getUsername(document.location.pathname);
28 |       if(username && username !== 'default') {
29 |         this.fetchUser(username);
30 |       }
31 |     }
32 |   }
33 |   fetchUser(username) {
34 |     axios.get(apiLink.userByUsername(username))
35 |       .then((response) => {
36 |         if(response.data.length === 1) {
37 |           store.dispatch(actions.getUserProfileData(username, username));
38 |         } else {
39 |           const oldUsername = store.getState().user.info.username
40 |           window.location = `/@${oldUsername}`
41 |         }
42 |       })
43 |       .catch((error) => {
44 |         // handle error
45 |         console.log(error);
46 |       })
47 |   }
48 |   render() {
49 |     return (
50 |       <Provider store={store}>
51 |         <BrowserRouter>
52 |           <App />
53 |         </BrowserRouter>
54 |       </Provider>
55 |     );
56 |   }
57 | }
58 | 
59 | export default hot(module)(AppUser);
60 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Form/InputRadioBtns.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | 
 4 | export default class InputRadioBtns extends React.Component {
 5 |   static defaultProps = {
 6 |     units: '',
 7 |     label: '',
 8 |     title: ''
 9 |   }
10 | 
11 |   handleClick(d, event) {
12 |     this.props.onChange(d);
13 |   }
14 |   renderUnits(data, units) {
15 |     if (typeof data === 'number') {
16 |       return data > 1 ? `${units}s` : units;
17 |     }
18 |     return units;
19 |   }
20 |   render() {
21 |     return (
22 |       <div>
23 |         <p>{this.props.title}</p>
24 |         {
25 |           this.props.choices.map(d => {
26 |             const checked = (this.props.selected === d) ? 'checked' : '';
27 | 
28 |             // remove all white spaces
29 |             const dId = (typeof d === 'string') ? d.replace(/ /g, '-').toLowerCase() : d;
30 | 
31 |             return (
32 |               <p key={`check-${dId}`}>
33 |                 <input
34 |                   id={`${this.props.id}-${dId}`}
35 |                   name={`${this.props.id}-${dId}`}
36 |                   className="with-gap"
37 |                   type="radio"
38 |                   onChange={this.handleClick.bind(this, d)}
39 |                   checked={checked ? 'checked' : ''}
40 |                 />
41 |                 <label htmlFor={`${this.props.id}-${dId}`}>
42 |                   {`${d} ${this.renderUnits(d, this.props.units)}`}
43 |                 </label>
44 |               </p>
45 |             );
46 |           })
47 |         }
48 |       </div>
49 |     );
50 |   }
51 | }
52 | 
53 | InputRadioBtns.propTypes = {
54 |   id: PropTypes.string.isRequired,
55 |   choices: PropTypes.array.isRequired,
56 |   onChange: PropTypes.func.isRequired,
57 |   units: PropTypes.string,
58 |   label: PropTypes.string,
59 |   title: PropTypes.string
60 | };
61 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Form/InputDropdown.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import $ from 'jquery';
 4 | 
 5 | export default class InputDropDown extends React.Component {
 6 |   static defaultProps = {
 7 |     units: '',
 8 |     label: '',
 9 |     title: ''
10 |   }
11 |   constructor(props) {
12 |     super(props);
13 |     this.handleClick = this.handleClick;
14 |   }
15 |   componentDidMount() {
16 |     $(`#${this.props.id}`).material_select(
17 |       this.handleClick.bind(this)
18 |     );
19 |   }
20 |   handleClick() {
21 |     const newData = $(`#${this.props.id}`).val();
22 |     this.props.onChange(newData);
23 |   }
24 |   renderUnits(data, units) {
25 |     if (typeof data === 'number') {
26 |       return data > 1 ? `${units}s` : units;
27 |     }
28 |     return units;
29 |   }
30 | 
31 |   render() {
32 |     return (
33 |       <div className="row">
34 |         <div style={{ paddingTop: '12px' }} className="input-field col l6 m6 s6">
35 |           <p>{this.props.title}</p>
36 |           <select id={this.props.id} defaultValue="None">
37 |             <option value="" disabled>
38 |               {this.props.label ? this.props.label : 'Choose your option'}
39 |             </option>
40 |             {
41 |               this.props.choices.map(d => (
42 |                 <option value={d} key={`dropdown-${d}`}>
43 |                   {`${d} ${this.renderUnits(d, this.props.units)}`}
44 |                 </option>
45 |               ))
46 |             }
47 |           </select>
48 |           <label>{this.props.label}</label>
49 |         </div>
50 |       </div>
51 |     );
52 |   }
53 | }
54 | InputDropDown.propTypes = {
55 |   id: PropTypes.string.isRequired,
56 |   choices: PropTypes.array.isRequired,
57 |   onChange: PropTypes.func.isRequired,
58 |   units: PropTypes.string,
59 |   label: PropTypes.string,
60 |   title: PropTypes.string
61 | };
62 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Collection/Communities/Chips.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { communityName } from './lib';
 4 | 
 5 | const Chips = ({ cs, altern, hasIcon, showAltern }) => (
 6 |   <div>
 7 |     {
 8 |       showAltern &&
 9 |       <div className="row portfolio-user-info">
10 |         {
11 |           hasIcon &&
12 |           <div className="col s1 m1 l1" style={{marginTop: 4}}>
13 |             <i className="material-icons grey-text text-darken-2">group</i>
14 |           </div>
15 |         }
16 |         <div className="col s11 m11 l11">
17 |           {
18 |             cs && cs.length>0 ? cs.map(c => {
19 |             return <div key={`community-chip-${c}`} className="chip">
20 |               <a href={`/community/${c}`}>{communityName(c)}</a>
21 |             </div>;
22 |             })
23 |             :
24 |             <div>{altern}</div>
25 |           }
26 |         </div>
27 |       </div>
28 |     }
29 |     {
30 |       !showAltern && cs && cs.length > 0 &&
31 |       <div className="row portfolio-user-info">
32 |         {
33 |           hasIcon &&
34 |           <div className="col s1 m1 l1" style={{marginTop: 4}}>
35 |             <i className="material-icons grey-text text-darken-2">group</i>
36 |           </div>
37 |         }
38 |         <div className="col s11 m11 l11">
39 |           {
40 |             cs.map(c => {
41 |             return <div key={`community-chip-${c}`} className="chip">
42 |               <a href={`/community/${c}`}>{communityName(c)}</a>
43 |             </div>;
44 |             })
45 |           }
46 |         </div>
47 |       </div>
48 |     }
49 |   </div>
50 | );
51 | Chips.propTypes = {
52 |   cs: PropTypes.array,
53 |   altern: PropTypes.object,
54 |   hasIcon: PropTypes.bool
55 | };
56 | Chips.defaultProps = {
57 |   cs: null,
58 |   altern: null,
59 |   hasIcon: false
60 | }
61 | export default Chips;
62 | 


--------------------------------------------------------------------------------
/client/src/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import { AppContainer } from 'react-hot-loader';
 4 | import 'materialize-css';
 5 | import 'materialize-css/dist/css/materialize.min.css';
 6 | import 'materialize-css/dist/js/materialize.min';
 7 | import './lib/tabs'; // <- overriding the materialize tabs js
 8 | import './lib/chips'; // <- overriding the materialize chips js
 9 | import './lib/forms'; // <- overriding the materialize forms js
10 | // import AppOld from './craApps/App';
11 | import AppUser from './craApps/AppUser';
12 | import AppUserPage from './craApps/AppUserPage';
13 | import AppProjectPage from './craApps/AppProjectPage';
14 | import AppCommunityUser from './craApps/AppCommunityUser';
15 | import AppCommunityGuest from './craApps/AppCommunityGuest';
16 | import AppLanding from './craApps/AppLanding';
17 | import AppExplore from './craApps/AppExplore';
18 | import AppPost from './craApps/AppPost';
19 | import './assets/index.css';
20 | import 'draft-js/dist/Draft.css';
21 | import 'draft-js-inline-toolbar-plugin/lib/plugin.css';
22 | 
23 | /*
24 |  * Main entry point for the create-react-app
25 |  */
26 | const Apps = {
27 |   user: AppUser,
28 |   userPage: AppUserPage,
29 |   project: AppProjectPage,
30 |   post: AppPost,
31 |   communityUser: AppCommunityUser,
32 |   communityGuest: AppCommunityGuest,
33 |   landing: AppLanding,
34 |   explore: AppExplore
35 | };
36 | 
37 | const App = Apps.project;
38 | 
39 | const render = (Component) => {
40 |   ReactDOM.render(
41 |     <AppContainer>
42 |       <Component />
43 |     </AppContainer>,
44 |     document.getElementById('root'),
45 |   );
46 | };
47 | 
48 | // Wrapping App inside of AppContainer, which is a react-hot-loader component
49 | render(App);
50 | 
51 | 
52 | // Webpack Hot Module Replacement API
53 | /*
54 | if (module.hot) {
55 |   console.log('module is hot');
56 |   module.hot.accept('./App', () => {
57 |     render(App);
58 |   });
59 | }*/
60 | 


--------------------------------------------------------------------------------
/.eslintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "airbnb",
 3 |   "parser": "babel-eslint",
 4 |   "env": {
 5 |     "browser": true,
 6 |     "node": true,
 7 |     "es6": true,
 8 |     "mocha": true
 9 |   },
10 |   "rules": {
11 |     "arrow-body-style": [0, "as-needed", {
12 |       requireReturnForObjectLiteral: false,
13 |     }],
14 |     "comma-dangle": ["error", "never"],
15 |     "prefer-destructuring": ["error", {"object": false, "array": false}],
16 |     "global-require": 0, // Used by React Native.
17 |     "func-names": ["error", "never"],
18 |     "function-paren-newline": ["error", "consistent"],
19 |     "new-cap": [2, {"capIsNew": false, "newIsCap": true}], // For immutable Record() etc.
20 |     "no-class-assign": 0, // Class assign is used for higher order components.
21 |     "no-nested-ternary": 0, // It's nice for JSX.
22 |     "no-param-reassign": 0, // We love param reassignment. Naming is hard.
23 |     "no-shadow": 0, // Shadowing is a nice language feature. Naming is hard.
24 |     "import/imports-first": 0, // Este sorts by atom/sort-lines natural order.
25 |     "react/jsx-filename-extension": 0, // No, JSX belongs to .js files
26 |     "jsx-a11y/html-has-lang": 0, // Can't recognize the Helmet.
27 |     "no-confusing-arrow": 0, // This rule is super confusing.
28 |     "react/forbid-prop-types": 0, // Este is going to use Flow types.
29 |     "react/no-unused-prop-types": 0, // Este is going to use Flow types.
30 |     "class-methods-use-this": 0, // Good idea, but ignores React render.
31 |     "arrow-parens": 0, // Not really.
32 |     "require-jsdoc": ["error", {
33 |         "require": {
34 |             "FunctionDeclaration": false,
35 |             "MethodDefinition": false,
36 |             "ClassDeclaration": false
37 |         }
38 |     }],
39 |     "valid-jsdoc": ["error", {
40 |       "requireReturn": true,
41 |       "requireReturnType": true,
42 |       "requireParamDescription": true,
43 |       "requireReturnDescription": true
44 |     }],
45 |   }
46 | }
47 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Discussion/PostEditMenu.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | // import PropTypes from 'prop-types';
 3 | import $ from 'jquery';
 4 | import { apiLink } from '../../data/apiLinks';
 5 | import { deleteFromApiData } from '../../../lib/helpers';
 6 | 
 7 | export default class PostEditMenu extends React.Component {
 8 |   componentDidMount() {
 9 |     $('.dropdown-button').dropdown({
10 |       inDuration: 300,
11 |       outDuration: 225,
12 |       hover: false, // Activate on hover
13 |       belowOrigin: true, // Displays dropdown below the button
14 |       alignment: 'left', // Displays dropdown with edge aligned to the left of button
15 |       constrainWidth: false, // Does not change width of dropdown to that of the activator
16 |       stopPropagation: false // Stops event propagation
17 |     });
18 |   }
19 |   handleDeleteClick(postId) {
20 |     const url = apiLink.postById(postId);
21 |     const cbFailure = () => {};
22 |     const cbSuccess = () =>  {
23 |       this.props.deletePost(postId);
24 |     };
25 |     deleteFromApiData(url, cbFailure, cbSuccess);
26 |   }
27 |   handleToggleEditClick() {
28 |     this.props.handleToggleEditMode(true);
29 |   }
30 |   render() {
31 |     return (
32 |       <div className="right" style={{maxWidth: 35}}>
33 |         <a className="dropdown-button" data-activates={`post-edit-dropdown-${this.props.postId}`}>
34 |           <i className="material-icons grey-text text-darken-4">more_vertical</i>
35 |         </a>
36 |         <ul id={`post-edit-dropdown-${this.props.postId}`} className="dropdown-content">
37 |           <li><a onClick={this.handleToggleEditClick.bind(this)}>
38 |             <span><i className="far fa-edit"/></span>Edit</a>
39 |           </li>
40 |           <li><a onClick={this.handleDeleteClick.bind(this, this.props.postId)}>
41 |             <span><i className="far fa-trash-alt"/></span>Delete</a>
42 |           </li>
43 |         </ul>
44 |       </div>
45 |     );
46 |   }
47 | }
48 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Collection/Projects/Cards.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import Card from './Card';
 4 | import LoadMoreBtn from '../../LoadMoreBtn';
 5 | 
 6 | class Cards extends React.Component {
 7 |   renderProjects(projects) {
 8 |     return (
 9 |       <div>
10 |         { projects && projects.length>0 ?
11 |           projects.map(project => {
12 |             return (
13 |               <div className="row" key={`projects-${project.slug}`}>
14 |                 <Card
15 |                   project={project}
16 |                   context={this.props.context}
17 |                   projectCreator={project.postedBy.toString()}
18 |                   userId={this.props.userId}
19 |                   userFirstname={this.props.userFirstname}
20 |                 />
21 |               </div>
22 |             );
23 |           })
24 |           :
25 |           <p>{this.props.noProjectDisp}</p>
26 |         }
27 |       </div>
28 |     );
29 |   }
30 |   render() {
31 |     return (
32 |       <div>
33 |         {
34 |           this.props.isLoading ?
35 |           <p>Loading...</p>
36 |           :
37 |           <div>
38 |             { this.renderProjects(this.props.projects) }
39 |           </div>
40 |         }
41 |         {
42 |           this.props.projects.length > 0 && !this.props.endOfPage &&
43 |           <LoadMoreBtn
44 |             handleClick={this.props.loadMoreProjects.bind(this)}
45 |             itemName='Projects'
46 |           />
47 |         }
48 |       </div>
49 |     );
50 |   }
51 | }
52 | 
53 | Cards.propTypes = {
54 |   projects: PropTypes.array,
55 |   noProjectDisp: PropTypes.string,
56 |   loadMoreProjects: PropTypes.func,
57 |   endOfPage: PropTypes.bool,
58 |   isLoading: PropTypes.bool,
59 |   context: PropTypes.string,
60 |   userId: PropTypes.string,
61 |   userFirstname: PropTypes.string
62 | };
63 | Cards.defaultProps = {
64 |   noProjectDisp: 'No projects found.',
65 |   context: 'project'
66 | }
67 | export default Cards;
68 | 


--------------------------------------------------------------------------------
/client/src/shared/User/routes.js:
--------------------------------------------------------------------------------
 1 | import Root from './Root';
 2 | import Home from './screens/Home/Main';
 3 | import Notif from './screens/Notif/Main';
 4 | import Settings from './screens/Settings/Main';
 5 | import Portfolio from '../components/Portfolio/Main';
 6 | import Terms from './screens/Terms';
 7 | import Privacy from './screens/Privacy'
 8 | import NotFound from '../components/NotFound';
 9 | import appRoute from '../data/appRoute';
10 | 
11 | const getTabsRoutes = (username) => {
12 |   const tabsRoutes = [
13 |     {
14 |       path: appRoute('userProfile')(username),
15 |       exact: true,
16 |       component: Portfolio
17 |     },
18 |     {
19 |       path: appRoute('userProfileTab')(username),
20 |       component: Portfolio
21 |     }
22 |   ];
23 |   return tabsRoutes;
24 | };
25 | 
26 | const getRoutes = (user) => {
27 | 
28 |   const username = user.username;
29 | 
30 |   const routes = [
31 |     {
32 |       component: Root,
33 |       routes: [
34 |         {
35 |           path: appRoute('userHome'),
36 |           exact: true,
37 |           component: Home
38 |         },
39 |         {
40 |           path: appRoute('userSettings')(username),
41 |           exact: true,
42 |           component: Settings
43 |         },
44 |         {
45 |           path: appRoute('userNotif'),
46 |           exact: true,
47 |           component: Notif
48 |         },
49 |         {
50 |           path: appRoute('terms'),
51 |           component: Terms
52 |         },
53 |         {
54 |           path: appRoute('privacy'),
55 |           component: Privacy
56 |         },
57 |         {
58 |           path: appRoute('userProfile')(username),
59 |           component: Portfolio,
60 |           routes: getTabsRoutes(username)
61 |         },
62 |         {
63 |           path: appRoute('userWildcard'),
64 |           component: NotFound
65 |         }
66 |       ]
67 |     }
68 |   ];
69 |   return routes;
70 | };
71 | 
72 | // Caller:
73 | // getRoutes is used by App.js
74 | // getNav is used by TopNav.js
75 | export { getRoutes };
76 | 


--------------------------------------------------------------------------------
/client/iso-middleware/renderExploreApp.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderToString } from 'react-dom/server';
 3 | import { StaticRouter } from 'react-router-dom';
 4 | import { matchRoutes } from 'react-router-config';
 5 | import { Provider } from 'react-redux';
 6 | import configureStore from '../src/shared/redux/configureStore/explorePage';
 7 | import HTML from '../src/shared/components/HTML';
 8 | import { routes } from '../src/shared/Explore/routes';
 9 | import App from '../src/shared/Explore/App';
10 | 
11 | export default function renderExploreApp(req, res, next) {
12 |   const meta = {
13 |     title: `Explore ${req.params.toExplore} - LooseLeaf`,
14 |     desc: 'Get your projects done for free',
15 |     url: req.url
16 |   };
17 |   const clientAppPath = '/explore.bundle.js';
18 | 
19 |   const preloadedState = {
20 |     user: { loggedinUser: req.user }
21 |   };
22 | 
23 |   const store = configureStore(preloadedState);
24 | 
25 |   const dataToSerialize = preloadedState;
26 | 
27 |   const branch = matchRoutes(routes, req.url);
28 | 
29 |   const promises = branch.map(({ route, match }) => {
30 |     return route.loadData
31 |       ? route.loadData(match)
32 |       : Promise.resolve(null)
33 |   });
34 | 
35 |   Promise.all(promises).then(data => {
36 |   	const context = data.reduce( (context, data) => {
37 |   		return Object.assign(context, data)
38 |   	}, {})
39 | 
40 | 		const app = renderToString(
41 |       <Provider store={store}>
42 |         <StaticRouter location={req.url} context={context} >
43 |           <App />
44 |         </StaticRouter>
45 |       </Provider>
46 | 		);
47 | 
48 |     if(context.url) {
49 | 			res.writeHead(301, {Location: context.url})
50 | 			res.end()
51 | 		}
52 |     const html = renderToString(
53 |       <HTML
54 |         meta={meta}
55 |         html={app}
56 |         dataToSerialize={dataToSerialize}
57 |         clientAppPath={clientAppPath}
58 |       />
59 |     );
60 |     return res.send(`<!DOCTYPE html>${html}`);
61 |   }).catch(reason => {
62 |     console.log(reason)
63 |   });
64 | 
65 | }
66 | 


--------------------------------------------------------------------------------
/client/src/assets/markdown/our-story.md:
--------------------------------------------------------------------------------
1 | In 2013, when Xiaoyun was a senior in Carnegie Mellon University, she attended a Y-Combinator info session where Sam Altman brought a few startup founders to talk about entrepreneurship. One of the founders talked about how he developed his business based on the open source model. His words were specifically "charging your customers to do the work for you". Xiaoyun was instantly fascinated and has became obsessed with the idea of making open sourcing and crowdsourcing sustainable for the contributors. She later learned that her obsession falls under the umbrella of an emerging market trend called the sharing economy or gig-economy.
2 | 
3 | After Xiaoyun graduated from Carnegie Mellon University with her Bachelor's and Master's degrees in Electrical and Computer Engineering, she commissioned through the Navy ROTC program and got stationed in Washington, DC at Naval Reactors. In DC, Xiaoyun met Andrew who was a math teacher at the time. Andrew told Xiaoyun an idea he had for a mobile game to teach young children the concept of quantity. Over the summer, Xiaoyun helped Andrew develop the math-learning mobile app in her spare time. She coded up the app while Andrew provided assets and artistic direction for the app. Although she never developed an iOS app before, she read Apple's documentation and looked up online tutorials and studied other people's sample projects. This is the moment when the early idea for LooseLeaf came to light.
4 | 
5 | Fast forward to 2018, after two betas, two TechDay exhibits and talking to countless people including friends, coworkers, and strangers at meetups, Xiaoyun and Andrew refined the idea for LooseLeaf after coming to the combined realization that people with app ideas want to see their apps built but don't always have the capacity to do it themselves or invest money in hiring a freelancer to do it. But they are eager to work with someone who would contribute their skills to make the app a reality while benefiting from the experience and validation having worked on a fun, skill-building project with someone else.
6 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Discussion/PostContent.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { Editor  } from 'draft-js';
 4 | import PostEditMenu from './PostEditMenu';
 5 | import { convertToEditorStateWithDecorator as convertToEditorState } from './draftjsHelpers';
 6 | import { UserInfo } from './PostParts';
 7 | 
 8 | class PostContent extends React.Component {
 9 |   constructor(props) {
10 |     super(props);
11 |     this.state = {
12 |       clientModeOn: false
13 |     }
14 |   }
15 |   componentDidMount() {
16 |     this.setState({
17 |       clientModeOn: true
18 |     });
19 |   }
20 |   renderEditMenu(loggedinUser, post, deletePost, handleToggleEditMode) {
21 |     if(!this.state.clientModeOn || !loggedinUser._id || loggedinUser!==post.postedBy) {
22 |       return null;
23 |     }
24 |     return (
25 |       <PostEditMenu
26 |         postId={post._id}
27 |         deletePost={deletePost}
28 |         handleToggleEditMode={handleToggleEditMode}
29 |       />
30 |     );
31 |   }
32 |   render() {
33 |     return (
34 |       <div className="card-content">
35 |         { this.state.clientModeOn && this.props.EditMenu }
36 |         { this.props.Context }
37 |         { this.state.clientModeOn &&
38 |           <UserInfo
39 |             userInfo={this.props.userInfo}
40 |             editedOn={this.props.editedOn}
41 |             postCreatedAt={this.props.post.createdAt}
42 |           />
43 |         }
44 |         { this.props.editorContent && this.state.clientModeOn &&
45 |           <div className="draft-js-editor">
46 |             <Editor
47 |               editorState={convertToEditorState(this.props.editorContent)}
48 |               readOnly
49 |             />
50 |           </div>
51 |         }
52 |       </div>
53 |     );
54 |   }
55 | }
56 | 
57 | PostContent.propTypes = {
58 |   EditMenu: PropTypes.object,
59 |   editedOn: PropTypes.string,
60 |   Context: PropTypes.object,
61 |   post: PropTypes.object,
62 |   userInfo: PropTypes.object,
63 |   editorContent: PropTypes.string,
64 | };
65 | PostContent.defaultProps = {
66 | 
67 | };
68 | 
69 | export default PostContent;
70 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Portfolio/One.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { getApiData } from '../../../lib/helpers';
 3 | import { apiLink } from '../../data/apiLinks';
 4 | import Cards from '../Collection/Projects/Cards';
 5 | 
 6 | export default class One extends React.Component {
 7 |   constructor(props) {
 8 |     super(props);
 9 |     this.state = {
10 |       projects: [],
11 |       isLoading: true,
12 |       page: 1,
13 |       endOfPage: false
14 |     };
15 |     this.loadMoreProjects = this.loadMoreProjects.bind(this);
16 |   }
17 |   componentDidMount() {
18 |     this.fetchProjects(this.state.page);
19 |   }
20 |   fetchProjects(page) {
21 |     const link = apiLink.projectsByUser(this.props.user._id, this.props.user.projects, page);
22 | 
23 |     const setApiData = data => {
24 |       const oldProjects = this.state.projects;
25 |       this.setState({
26 |         projects: oldProjects.concat(data),
27 |         isLoading: false
28 |       });
29 | 
30 |       if (data.length < 5) { // TODO: 5 is a magic number
31 |         this.setState({
32 |           endOfPage: true
33 |         });
34 |       }
35 |     }
36 |     getApiData(link, setApiData);
37 |   }
38 |   loadMoreProjects() {
39 |     const nextPage = this.state.page + 1;
40 |     this.fetchProjects(nextPage);
41 |     this.setState({
42 |       page: nextPage
43 |     });
44 |   }
45 |   render() {
46 |     const userFirstname = this.props.user.displayName ?
47 |       this.props.user.displayName.split(' ')[0] : this.props.user.username;
48 |     return (
49 |       <div className="container">
50 |         <div className="row">
51 |           <h3>Projects</h3>
52 |           <Cards
53 |             projects={this.state.projects}
54 |             isLoading={this.state.isLoading}
55 |             endOfPage={this.state.endOfPage}
56 |             loadMoreProjects={this.loadMoreProjects}
57 |             noProjectDisp={this.props.noProjectDisp}
58 |             context='user'
59 |             userId={this.props.user._id.toString()}
60 |             userFirstname={userFirstname}
61 |           />
62 |         </div>
63 |       </div>
64 |     );
65 |   }
66 | }
67 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Collection/Notifs/Wrapper.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { getApiData } from '../../../../lib/helpers';
 4 | import { apiLink } from '../../../data/apiLinks';
 5 | import appRoute from '../../../data/appRoute';
 6 | import NotifDropdown from '../../TopNavUser/NotifDropdown';
 7 | import NotifIcon from './NotifIcon';
 8 | 
 9 | // Callers:  User/Home.js and User/Porfolio/Main.js and User/Settings/Main.js
10 | export default class Wrapper extends React.Component {
11 |   constructor(props) {
12 |     super(props);
13 |     this.state = {
14 |       notifs: []
15 |     }
16 |   }
17 |   componentDidMount() {
18 |     if (this.props.notifs) {
19 |       this.setState({notifs: this.props.notifs})
20 |     } else {
21 |       this.fetchNotifs(this.props.userId);
22 |     }
23 |   }
24 |   componentWillReceiveProps(nextProps) {
25 |     if(nextProps.userId !== this.props.userId) {
26 |       this.fetchNotifs(nextProps.userId);
27 |     }
28 |     if(nextProps.notifs !== this.props.notifs) {
29 |       this.setState({notifs: nextProps.notifs.slice(0,5) });
30 |     }
31 |   }
32 |   fetchNotifs(userId) {
33 |     const link = apiLink.userNotifs(userId);
34 |     const setApiData = data => this.setState({notifs: data});
35 |     getApiData(link, setApiData);
36 |   }
37 |   markAllNotifsAsRead() {
38 |     const notifsRead = this.state.notifs.map(notif => {
39 |       const newNotif = {...notif};
40 |       newNotif.read = true;
41 |       return newNotif
42 |     });
43 |     this.setState({
44 |       notifs: notifsRead
45 |     });
46 |   }
47 |   render() {
48 |     return this.props.openDropdown ? <NotifDropdown
49 |         notifs={this.state.notifs}
50 |         markAllNotifsAsRead={this.markAllNotifsAsRead.bind(this)}
51 |       /> :
52 |       <a href={appRoute('userNotif', true)} className="center-align">
53 |         <NotifIcon notifs={this.state.notifs} />
54 |       </a>
55 |   }
56 | }
57 | 
58 | Wrapper.propTypes = {
59 |   notifs: PropTypes.array,
60 |   userId: PropTypes.string.isRequired,
61 | 
62 | }
63 | Wrapper.defaultProps = {
64 |   notifs: null,
65 |   openDropdown: false
66 | }
67 | 


--------------------------------------------------------------------------------
/client/iso-middleware/renderCommunityGuestApp.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { renderToString } from 'react-dom/server';
 3 | import { StaticRouter } from 'react-router-dom';
 4 | import { matchRoutes } from 'react-router-config';
 5 | import { Provider } from 'react-redux';
 6 | import configureStore from '../src/shared/redux/configureStore/communityGuestPage';
 7 | import { getRoutes } from '../src/shared/CommunityGuest/routes';
 8 | import HTML from '../src/shared/components/HTML';
 9 | import App from '../src/shared/CommunityGuest/App';
10 | 
11 | export default function renderCommunityGuestApp(req, res, next, community) {
12 |   const meta = {
13 |     title: `${community.name} - LooseLeaf`,
14 |     desc: `${community.desc}`,
15 |     url: req.url
16 |   };
17 |   const clientAppPath = '/communityguest.bundle.js';
18 | 
19 |   const preloadedState = {
20 |     community: {info: community},
21 |   }
22 | 
23 |   const store = configureStore(preloadedState);
24 |   const dataToSerialize = preloadedState;
25 | 
26 |   const branch = matchRoutes(getRoutes(community.name), req.url)
27 | 
28 |   const promises = branch.map(({ route, match }) => {
29 |     return route.loadData
30 |       ? route.loadData(match)
31 |       : Promise.resolve(null)
32 |    })
33 | 
34 |   Promise.all(promises).then(data => {
35 |     // data will be an array[] of datas returned by each promises.
36 |   	// console.log(data)
37 | 
38 |   	const context = data.reduce( (context, data) => {
39 |   		return Object.assign(context, data)
40 |   	}, {})
41 | 
42 | 		const app = renderToString(
43 |       <Provider store={store}>
44 |   			<StaticRouter location={req.url} context={context} >
45 |   				<App />
46 |   			</StaticRouter>
47 |       </Provider>
48 | 		);
49 |     if(context.url) {
50 | 			res.writeHead(301, {Location: context.url})
51 | 			res.end()
52 | 		}
53 |     const html = renderToString(
54 |       <HTML
55 |         meta={meta}
56 |         html={app}
57 |         dataToSerialize={dataToSerialize}
58 |         clientAppPath={clientAppPath}
59 |       />
60 |     );
61 |     return res.send(`<!DOCTYPE html>${html}`);
62 |   }).catch(reason => {
63 |     console.log(reason)
64 |   });
65 | }
66 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Form/InputTags.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import $ from 'jquery';
 4 | 
 5 | export default class InputTags extends React.Component {
 6 |   componentDidMount() {
 7 |     this.initializeChips();
 8 |   }
 9 |   initializeChips() {
10 |     $(`#${this.props.id}`).on('chip.add', (e, chip) => {
11 |       this.handleAddTag(chip.tag);
12 |     });
13 |     $(`#${this.props.id}`).on('chip.delete', (e, chip) => {
14 |       this.handleDeleteTag(chip.tag);
15 |     });
16 |   }
17 |   initializeOptions() {
18 |     const tags = this.props.selectedTags.map(tag => {
19 |       return { tag: tag.name };
20 |     });
21 |     $(document).ready(() => {
22 |       $(`#${this.props.id}`).material_chip({
23 |         data: tags,
24 |         placeholder: this.props.label,
25 |         secondaryPlaceholder: this.props.hint,
26 |         autocompleteOptions: {
27 |           data: this.props.tags,
28 |           limit: Infinity,
29 |           minLength: 1
30 |         }
31 |       });
32 |     });
33 |   }
34 |   handleAddTag(tagSlug) {
35 |     const newField = { name: this.props.tags[tagSlug].name, slug: tagSlug };
36 |     const selectedNew = this.props.selectedTags.concat(newField);
37 |     this.props.onChange(selectedNew);
38 |   }
39 |   handleDeleteTag(tag) {
40 |     const selectedNew = this.props.selectedTags.filter((d) => {
41 |       return d.name !== tag;
42 |     });
43 |     this.props.onChange(selectedNew);
44 |   }
45 |   render() {
46 |     if (typeof document !== 'undefined') {
47 |       this.initializeOptions(); // Need this in render because props are dynamically loaded
48 |     }
49 |     return (
50 |       <div className="row">
51 |         <div className="col s12 m12 l12">
52 |           <label>{this.props.label}</label>
53 |           <div className="chips" id={this.props.id} />
54 |         </div>
55 |       </div>
56 |     );
57 |   }
58 | }
59 | InputTags.propTypes = {
60 |   label: PropTypes.string,
61 |   id: PropTypes.string,
62 |   tags: PropTypes.object,
63 |   selectedTags: PropTypes.array,
64 | }
65 | InputTags.defaultProps = {
66 |   tags: {name: {picture: '', id: ''}},
67 |   selectedTags: [{name: '', id: ''}]
68 | }
69 | 


--------------------------------------------------------------------------------
/client/src/shared/redux/actions/page.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   fetchProjectBySlug,
 3 |   fetchContributorsByIds,
 4 |   setContributors
 5 | } from './project';
 6 | 
 7 | import {
 8 |   fetchUser,
 9 |   fetchUserFollowers,
10 |   fetchLoggedinUser,
11 |   fetchUserNotifs,
12 | } from './user';
13 | 
14 | import {
15 |   fetchPostById
16 | } from './post';
17 | 
18 | export function getPostPageData(postId, username) {
19 |   return (dispatch, getState) => {
20 |     return Promise.all([
21 |       dispatch(fetchPostById(postId)),
22 |       dispatch(fetchLoggedinUser(username))
23 |     ])
24 |   }
25 | }
26 | 
27 | export function getProjectPageData(slug, username) {
28 |   return (dispatch, getState) => {
29 |     return Promise.all([
30 |       dispatch(fetchProjectBySlug(slug)),
31 |       dispatch(fetchLoggedinUser(username))
32 |     ])
33 |   }
34 | }
35 | export function getProjectContributors(contributorIds) {
36 |   return (dispatch, getState) => {
37 |     return Promise.all([
38 |       dispatch(fetchContributorsByIds(contributorIds)),
39 |     ])
40 |   }
41 | }
42 | export function setProjectContributors(contributors) {
43 |   return setContributors(contributors);
44 | }
45 | export function getProjectData(slug) {
46 |   return (dispatch, getState) => {
47 |     return Promise.all([
48 |       dispatch(fetchProjectBySlug(slug))
49 |     ])
50 |   }
51 | }
52 | export function getLoggedinUserData(loggedinUsername) {
53 |   return (dispatch, getState) => {
54 |     return Promise.all([
55 |       dispatch(fetchLoggedinUser(loggedinUsername))
56 |     ])
57 |   }
58 | }
59 | 
60 | export function getUserProfileData(username, loggedinUsername) {
61 |   return (dispatch, getState) => {
62 |     return Promise.all([
63 |       dispatch(fetchUser(username)),
64 |       dispatch(fetchLoggedinUser(loggedinUsername))
65 |     ])
66 |   }
67 | }
68 | export function getUserNotifs(userId) {
69 |   return (dispatch, getState) => {
70 |     return Promise.all([
71 |       dispatch(fetchUserNotifs(userId))
72 |     ])
73 |   }
74 | }
75 | export function getUserFollowers(username) {
76 |   return (dispatch, getState) => {
77 |     return Promise.all([
78 |       dispatch(fetchUserFollowers(username))
79 |     ])
80 |   }
81 | }
82 | 


--------------------------------------------------------------------------------
/client/config/paths.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const path = require('path');
 4 | const fs = require('fs');
 5 | const url = require('url');
 6 | 
 7 | // Make sure any symlinks in the project folder are resolved:
 8 | // https://github.com/facebookincubator/create-react-app/issues/637
 9 | const appDirectory = fs.realpathSync(process.cwd());
10 | const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
11 | 
12 | const envPublicUrl = process.env.PUBLIC_URL;
13 | 
14 | function ensureSlash(path, needsSlash) {
15 |   const hasSlash = path.endsWith('/');
16 |   if (hasSlash && !needsSlash) {
17 |     return path.substr(path, path.length - 1);
18 |   } else if (!hasSlash && needsSlash) {
19 |     return `${path}/`;
20 |   } else {
21 |     return path;
22 |   }
23 | }
24 | 
25 | const getPublicUrl = appPackageJson =>
26 |   envPublicUrl || require(appPackageJson).homepage;
27 | 
28 | // We use `PUBLIC_URL` environment variable or "homepage" field to infer
29 | // "public path" at which the app is served.
30 | // Webpack needs to know it to put the right <script> hrefs into HTML even in
31 | // single-page apps that may serve index.html for nested URLs like /todos/42.
32 | // We can't use a relative path in HTML because we don't want to load something
33 | // like /todos/42/static/js/bundle.7289d.js. We have to know the root.
34 | function getServedPath(appPackageJson) {
35 |   const publicUrl = getPublicUrl(appPackageJson);
36 |   const servedUrl =
37 |     envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : '/');
38 |   return ensureSlash(servedUrl, true);
39 | }
40 | 
41 | // config after eject: we're in ./config/
42 | module.exports = {
43 |   dotenv: resolveApp('.env'),
44 |   appBuild: resolveApp('build'),
45 |   appPublic: resolveApp('public'),
46 |   appHtml: resolveApp('public/index.html'),
47 |   appIndexJs: resolveApp('src/index.js'),
48 |   appPackageJson: resolveApp('package.json'),
49 |   appSrc: resolveApp('src'),
50 |   yarnLockFile: resolveApp('yarn.lock'),
51 |   testsSetup: resolveApp('src/setupTests.js'),
52 |   appNodeModules: resolveApp('node_modules'),
53 |   publicUrl: getPublicUrl(resolveApp('package.json')),
54 |   servedPath: getServedPath(resolveApp('package.json')),
55 | };
56 | 


--------------------------------------------------------------------------------
/client/src/shared/data/team.js:
--------------------------------------------------------------------------------
 1 | import { image } from './assetLinks';
 2 | 
 3 | const team = [
 4 |   {
 5 |     fullName: 'Xiaoyun Yang',
 6 |     role: 'Co-founder',
 7 |     bio: "After Xiaoyun graduated from Carnegie Mellon with an Electrical and Computer Engineering bachelors/master degree in 2013 with a Navy ROTC scholarship, she commissioned in the U.S. Navy and started working at Naval Reactors in Washington, DC. There, she became involved in the programming and entrepreneurship communities in DC. During the five the years, her passion for entrepreneurship, programming, and open source software fueled her obsession with developing a platform for empowering career changers to master skills by contributing to open source projects.",
 8 |     img: image.team.xiaoyunyang,
 9 |     social: {
10 |       linkedin: 'https://linkedin.com/in/xiaoyun-yang',
11 |       github: 'https://github.com/xiaoyunyang',
12 |       medium: 'https://medium.com/@xiaoyunyang',
13 |       website: 'http://xiaoyunyang.github.io/'
14 |     }
15 |   },
16 |   {
17 |     fullName: 'Andrew Fenner',
18 |     role: 'Co-founder',
19 |     bio: "Andrew has been a designer of educational products for the last decade of his life. While working as a math tutor and teacher for students from kindergarten to college, Andrew developed his passion and deep intrigue for how people learn and become proficient in a skill and how to motivate people to work hard. He developed several mobile applications under the name NumberShapes, targeted at helping children learn and practice math concepts. Andrew is a self-taught developer and holds a math degree and a mechanical engineering degree from University of Maryland - Baltimore County.",
20 |     img: image.team.andrewfenner,
21 |     social: {
22 |       linkedin: 'https://linkedin.com/in/andrew-fenner',
23 |       github: 'https://github.com/fennean1',
24 |       medium: 'https://medium.com/@NumberShapes'
25 |     }
26 |   },
27 |   {
28 |     fullName: 'Ollie',
29 |     role: 'CHO',
30 |     bio: "As the Chief Happiness Officer of LooseLeaf, Ollie's primary role is to keep the team happy.",
31 |     img: image.team.ollie,
32 |     social: {
33 |       linkedin: null
34 |     }
35 |   }
36 | ];
37 | 
38 | export default team;
39 | 


--------------------------------------------------------------------------------
/client/src/shared/Landing/screens/About.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import TopNav from '../TopNav';
 3 | import TeamMembers from './TeamMembers';
 4 | import MdText from '../../components/MdText';
 5 | import Footer from '../../components/Footer';
 6 | import { image } from '../../data/assetLinks';
 7 | import {  markdown } from '../../data/assetLinks';
 8 | import team from '../../data/team';
 9 | 
10 | export default ({ route }) => (
11 |   <div className="section-white" style={{paddingBottom: 0}}>
12 |     <TopNav route={route} extended={false} />
13 |     <div id="team-pg" className="container">
14 |       <div className="card row s12 m12 l12">
15 |         <div className="team-section section-green">
16 |           <h4>About LooseLeaf</h4>
17 |         </div>
18 |         <img alt="looseleaf team (https://unsplash.com/photos/TamMbr4okv4)" src={image.team.team} />
19 |         <div className="row" style={{ padding: 25 }}>
20 |           <div className="col s12 m6 l6">
21 |             <h5 className="center">
22 |               Our Mission
23 |             </h5>
24 |             <div className="container" style={{width: '85%'}}>
25 |               <MdText filepath={markdown.ourMission} mdId="our-mission" />
26 |             </div>
27 |           </div>
28 |           <div className="col s12 m6 l6">
29 |             <h5 className="center">
30 |               Our Values
31 |             </h5>
32 |             <div className="container" style={{width: '85%'}}>
33 |               <MdText filepath={markdown.ourValues} mdId="our-values" />
34 |             </div>
35 |           </div>
36 |         </div>
37 |         <div className="team-section section-green">
38 |           <h4 className="hide-on-med-and-up center-align" style={{ marginBottom: -20 }}>Team</h4>
39 |           <h4 className="hide-on-small-only" style={{ marginBottom: -20 }}>Team</h4>
40 |           <TeamMembers team={team} />
41 |         </div>
42 |         <div className="row" style={{ padding: 25 }}>
43 |           <div className="col s12 m12 l12">
44 |             <h5>Our Story</h5>
45 |             <MdText filepath={markdown.ourStory} mdId="our-story" />
46 |           </div>
47 |         </div>
48 |       </div>
49 |     </div>
50 |     <Footer />
51 |   </div>
52 | );
53 | 


--------------------------------------------------------------------------------
/client/src/shared/components/Collection/Projects/Main.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { getApiData } from '../../../../lib/helpers';
 4 | import { apiLink } from '../../../data/apiLinks';
 5 | import Cards from './Cards';
 6 | 
 7 | class Main extends React.Component {
 8 |   constructor(props) {
 9 |     super(props);
10 |     this.state = {
11 |       projects: [],
12 |       isLoading: true,
13 |       page: 1,
14 |       endOfPage: false
15 |     };
16 |     this.loadMoreProjects = this.loadMoreProjects.bind(this);
17 |   }
18 |   componentDidMount() {
19 |     this.fetchProjects(this.state.page);
20 |   }
21 |   fetchProjects(page) {
22 |     const context = this.props.context;
23 |     const findBy = context => {
24 |       switch (context) {
25 |         case 'project': return this.props.projectId;
26 |         case 'community': return this.props.communitySlug;
27 |         case 'user': return this.props.userId;
28 |         default: return;
29 |       }
30 |     };
31 |     const link = apiLink.projectsByContext(context, findBy(context), page);
32 | 
33 |     const setApiData = data => {
34 |       const oldProjects = this.state.projects;
35 |       this.setState({
36 |         projects: oldProjects.concat(data),
37 |         isLoading: false
38 |       });
39 | 
40 |       if (data.length < 5) { // TODO: 5 is a magic number
41 |         this.setState({
42 |           endOfPage: true
43 |         });
44 |       }
45 |     }
46 |     getApiData(link, setApiData);
47 |   }
48 |   loadMoreProjects() {
49 |     const nextPage = this.state.page + 1;
50 |     this.fetchProjects(nextPage);
51 |     this.setState({
52 |       page: nextPage
53 |     });
54 |   }
55 |   render() {
56 |     return (
57 |       <Cards
58 |         projects={this.state.projects}
59 |         isLoading={this.state.isLoading}
60 |         endOfPage={this.state.endOfPage}
61 |         loadMoreProjects={this.loadMoreProjects}
62 |         noProjectDisp={this.props.noProjectDisp}
63 |       />);
64 |   }
65 | }
66 | 
67 | Main.propTypes = {
68 |   projects: PropTypes.array,
69 |   noProjectDisp: PropTypes.string
70 | };
71 | Main.defaultProps = {
72 |   noProjectDisp: 'No projects found.'
73 | }
74 | export default Main;
75 | 


--------------------------------------------------------------------------------
/client/src/shared/data/deliverableFormats.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "codesandbox": {
 3 |     "slug": "codesandbox",
 4 |     "communities": ["developers"],
 5 |     "name": "CodeSandbox",
 6 |     "desc": "Code editor for web apps."
 7 |   },
 8 |   "cloud9": {
 9 |     "slug": "cloud9",
10 |     "communities": ["developers"],
11 |     "name": "Cloud9",
12 |     "desc": "Online IDE."
13 |   },
14 |   "codepen": {
15 |     "slug": "codepen",
16 |     "communities": ["developers"],
17 |     "name": "CodePen",
18 |     "desc": "Frontend developer's playground."
19 |   },
20 |   "dropbox": {
21 |     "slug": "dropbox",
22 |     "communities": ["developers"],
23 |     "name": "Dropbox",
24 |     "desc": "Share any files from your computer."
25 |   },
26 |   "invision": {
27 |     "slug": "invision",
28 |     "communities": ["developers"],
29 |     "name": "InVision",
30 |     "desc": "Build mockup of websites."
31 |   },
32 |   "glitch": {
33 |     "slug": "glitch",
34 |     "communities": ["developers"],
35 |     "name": "Glitch",
36 |     "desc": "Make games and apps."
37 |   },
38 |   "github": {
39 |     "slug": "github",
40 |     "communities": ["developers"],
41 |     "name": "Github",
42 |     "desc": "Code collaboration and free file sharing."
43 |   },
44 |   "ghost": {
45 |     "slug": "ghost",
46 |     "communities": ["writers"],
47 |     "name": "Ghost",
48 |     "desc": "Writing platform using Markdown."
49 |   },
50 |   "googledoc": {
51 |     "slug": "googledoc",
52 |     "communities": ["writers"],
53 |     "name": "Google Doc",
54 |     "desc": "Online collaborative writing tool."
55 |   },
56 |   "medium": {
57 |     "slug": "medium",
58 |     "communities": ["writers"],
59 |     "name": "Medium",
60 |     "desc": "Online publishing platform."
61 |   },
62 |   "repl": {
63 |     "slug": "repl",
64 |     "communities": ["developers"],
65 |     "name": "Repl.it",
66 |     "desc": "Sharing and trying out code snippets."
67 |   },
68 |   "youtube": {
69 |     "slug": "youtube",
70 |     "communities": ["video-producers"],
71 |     "name": "YouTube",
72 |     "desc": "Share videos."
73 |   },
74 |   "other": {
75 |     "slug": "other",
76 |     "communities": ["video-producers"],
77 |     "name": "Other",
78 |     "desc": "Emailing?"
79 |   }
80 | }
81 | 


--------------------------------------------------------------------------------