Skip to content

Commit

Permalink
Start Student React component
Browse files Browse the repository at this point in the history
Students will need a webpage(s) to display courses they can join and
have already joined.  Further discussion is needed on the styling and
layout of these pages, so this commit is primarily intended as a proof
of concept.

The UI's styling is rendered by react-bootstrap.  react-bootstrap is
a complete re-implementation of Bootstrap components in React.  Like
Bootstrap, it defines many CSS classes to make pretty UI elements and
uses flexbox to make flexible layouts.  More info can be found at
https://bre.is/JX2hfmU4.

Issues: illinois#34
  • Loading branch information
tdog191 committed Oct 27, 2019
1 parent 720d53b commit 042edf7
Show file tree
Hide file tree
Showing 5 changed files with 292 additions and 7 deletions.
223 changes: 217 additions & 6 deletions app/package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 3 additions & 1 deletion app/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,9 @@
"version": "0.1.0",
"private": true,
"dependencies": {
"react": "^16.9.0",
"bootstrap": "^4.3.1",
"react": "^16.11.0",
"react-bootstrap": "^1.0.0-beta.14",
"react-dom": "^16.9.0",
"react-router-dom": "^5.0.1",
"react-scripts": "3.1.1",
Expand Down
2 changes: 2 additions & 0 deletions app/src/components/App/index.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,14 @@ import React from 'react';
import { BrowserRouter, Route } from 'react-router-dom';

import Remote from 'components/Remote';
import Student from 'components/Student';

export default class App extends React.Component {
render() {
return (
<BrowserRouter>
<Route exact path="/" component={Remote} />
<Route exact path="/student" component={Student} />
</BrowserRouter>
);
}
Expand Down
Loading

0 comments on commit 042edf7

Please sign in to comment.