merged updates from sprint 3

.gitignore

@@ -23,3 +23,10 @@ package-lock.json
 
 *.pyc
 /.coveralls.yml
+
+/crawlers/ucsc/data/*
+/crawlers/ucsc/prereqs
+/crawlers/ucsc/unparsed
+crawlers/ucsc/temp
+crawlers/ucsd/ucsd_courses.json
+crawlers/ucsd/ucsd_graph_data.json

README.md

@@ -21,8 +21,8 @@ Solution? CourseGraph, a webapp that will:
 
 Technology: we will need
 
- + a web frontend (probably React, Typescript, D3) and people interested in UX and software design (myself included)
- + a web backend (probably node) and people interested in backend development and data storage / retrieval
+ + a web frontend (probably React, vis.js, material-ui) and people interested in UX and software design (myself included)
+ + a web backend (probably node, mongoDB) and people interested in backend development and data storage / retrieval
  + several web crawlers to datamine UCSC sites and maybe others; anyone interested in this please apply!
 + possible integration of other web services (if we could embed eg. ratemyprofessors that would be awesome)
 
@@ -32,11 +32,11 @@ Is this feasible in <5 weeks?
  + Plus side is we all get to wear lots of hats and use a lot of cool tech to build a real tool that students and counselors can use to explore class options and make planning schedules a lot easier
  + This project can be subdivided with 2-3 teams working in parallel on different components (eg. frontend and data mining), so we should be able to work without too many bottlenecks
 
-You do NOT need to have experience with typescript, react, node, or d3 to join this project, just a good attitude and a willingness to learn and contribute.
+You do NOT need to have experience with react, node, or Vis to join this project, just a good attitude and a willingness to learn and contribute.
 
-That said, you will need time to learn a bit of typescript and either frontend (react, d3), backend (node, databases – ask Ivan), or data mining (web crawlers, either node or python), since we'll probably be splitting into sub-teams that focus on one of those categories. And you'll need to do this fairly quickly (ie. over the next few weeks) since we'll need to hit the ground running as soon as possible. Oh, and if you'd like to do project management (as one of your many hats) that would be very useful too.
+That said, you will need time to learn a bit of typescript and either frontend (react, vis.js), backend (node, databases – ask Ivan), or data mining (web crawlers, either node or python), since we'll probably be splitting into sub-teams that focus on one of those categories. And you'll need to do this fairly quickly (ie. over the next few weeks) since we'll need to hit the ground running as soon as possible. Oh, and if you'd like to do project management (as one of your many hats) that would be very useful too.
 
-I'll be learning react and d3 over the next week or so, so if you're interested in that (whether you're a part of this team or not) please hit me up! (ssemery@ucsc.edu)
+I'll be learning react and vis.js over the next week or so, so if you're interested in that (whether you're a part of this team or not) please hit me up! (ssemery@ucsc.edu)
 
 ## Getting Started
 
@@ -45,6 +45,7 @@ These instructions will get you a copy of the project up and running on your loc
 ### Prerequisites
 
 [Node.js](https://nodejs.org/en/) - JavaScript runtime built on Chrome's V8 JavaScript engine.
+[mongoDB] (https://docs.mongodb.com/manual/installation/) - MongoDB is an open-source document database that provides high performance, high availability, and automatic scaling.
 
 The minimum supported Node version is `v6.0.0` by default. (We are using `v10.0.0`).
 
@@ -89,29 +90,54 @@ npm run test
 
 This command runs [`jest`](http://jestjs.io/) and [`enzyme`](http://airbnb.io/enzyme/), an incredibly useful testing utility.
 
-### And coding style tests
-
-We uses `TSLint`, just a command:
-
-```
-npm run pretest
-```
-
 ## Built With
 
 * [Next.js](https://nextjs.org/) - A lightweight framework for static and server‑rendered applications.
 * [React](https://reactjs.org) - A JavaScript library for building user interfaces
 * [Node.js](https://nodejs.org/en/) - A JavaScript runtime built on Chrome's V8 JavaScript engine.
 * [MongoDB](https://www.mongodb.com/) - Build innovative modern applications that create a competitive advantage.
 
+## Dependencies
+* [Material-ui/core]
+* [material-ui/icons]
+* [algoliasearch]
+* [bcrypt-nodejs]
+* [body-parser]
+* [compression]
+* [connect-mongo'
+* [crypto]
+* [express]
+* [express-flash]
+* [express-session]
+* [express-validator]
+* [isomorphic-unfetch]
+* [jss]
+* [lru-cache]
+* [mongoose]
+* [next]
+* [npgrogress]
+* [passport]
+* [passport-local]
+* [prop-types]
+* [qs]
+* [react]
+* [react-dom]
+* [react-draggable]
+* [react-graph-vis]
+* [react-instantsearc]
+* [react-jss]
+* [reactjs-popup]
+* [styled-jsx]
+
+
 ## Authors
 
-* **Seiji Emery** ([SeijiEmery](https://github.com/SeijiEmery) ) -
+* **Seiji Emery** ([SeijiEmery](https://github.com/SeijiEmery) ) - Lead Tech Developer
 * **Yanwen Xu** ([RaiderSoap](https://github.com/RaiderSoap) ) - :floppy_disk: Back-End Developer
-* **Patrick Lauderdale** ([ThePatrickLauderdale](https://github.com/ThePatrickLauderdale)) -
-* **Sharad Shrestha** ([sharad97](https://github.com/sharad97) ) -
-* **Wendy Liang** ([wendyrliang](https://github.com/wendyrliang) ) -
-* **Ka Ho Tran** ([Kutaho](https://github.com/Kutaho) ) -
+* **Patrick Lauderdale** ([ThePatrickLauderdale](https://github.com/ThePatrickLauderdale)) - FrontEnd Developer
+* **Wendy Liang** ([wendyrliang](https://github.com/wendyrliang) ) - FrontEnd Developer
+* **Ka Ho Tran** ([Kutaho](https://github.com/Kutaho) ) - FrontEnd Developer
+* **Nikki Miller** ([NikMills](https;//github.com/nikmills)) - FrontEnd Developer
 
 See also the list of [contributors](https://github.com/coursegraph/CourseGraph/settings/collaboration) who participated in this project.
 
@@ -123,4 +149,4 @@ This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md
 
 Big thanks to Richard Jullig.
 
-:kissing_heart:
+:kissing_heart:

components/Course.jsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+/**
+ * @inheritDoc
+ */
+class Course extends React.Component {
+  static propTypes = {
+    title: PropTypes.string.isRequired,
+  };
+
+  static defaultProps = {
+    title: 'Null',
+  };
+
+  /**
+   * @return {Element}
+   */
+  render() {
+    return (
+      <div className="Course">
+        <h3>
+          {this.props.title}
+        </h3>
+      </div>
+    );
+  }
+}
+
+export default Course;

components/Course.test.jsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import Course from './Course';
+
+
+describe('A Course', () => {
+  it('should render default text without throwing an error', () => {
+    const wrapper = shallow(<Course/>);
+    expect(wrapper.find('h3').text()).toEqual('Null');
+  });
+
+  it('should render title props without throwing an error', () => {
+    const wrapper = shallow(<Course title="CMPS 101"/>);
+    expect(wrapper.find('h3').text()).toEqual('CMPS 101');
+  });
+});

components/Header.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import NextHead from 'next/head';
+import NProgress from 'nprogress';
+import Router from 'next/router';
+
+Router.onRouteChangeStart = (url) => {
+  NProgress.start();
+};
+
+Router.onRouteChangeComplete = () => NProgress.done();
+Router.onRouteChangeError = () => NProgress.done();
+
+/**
+ * A header Component that provide Progress bar
+ * @return {*}
+ */
+export default () => (
+  <div style={{marginBottom: 20}}>
+    <NextHead>
+      <meta charSet="UTF-8"/>
+      <title>Course Graph</title>
+      <meta
+        name="description"
+        content="A lightning-fast search for your UCSC courses"
+      />
+      <meta name="viewport" content="width=device-width, initial-scale=1"/>
+      <link rel="icon" sizes="192x192" href="/static/touch-icon.png"/>
+      <link rel="apple-touch-icon" href="/static/touch-icon.png"/>
+      <link rel="mask-icon" href="/static/favicon-mask.svg" color="#49B882"/>
+      <link rel="icon" href="/static/favicon.ico"/>
+      <link rel="stylesheet" type="text/css" href="/static/nprogress.css"/>
+    </NextHead>
+  </div>
+);

components/Instantsearch.jsx

@@ -0,0 +1,5 @@
+import { createInstantSearch } from 'react-instantsearch/server';
+
+const {InstantSearch, findResultsState} = createInstantSearch();
+
+export { InstantSearch, findResultsState };