-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
16 changed files
with
1,385 additions
and
2,518 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| PORT=3001 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,26 +1,17 @@ | ||
| import React from 'react'; | ||
| import logo from './logo.svg'; | ||
| import './App.css'; | ||
| import React,{Component} from 'react'; | ||
| import Main from './components/MainComponent'; | ||
| import {BrowserRouter} from 'react-router-dom'; | ||
|
|
||
| function App() { | ||
| return ( | ||
| <div className="App"> | ||
| <header className="App-header"> | ||
| <img src={logo} className="App-logo" alt="logo" /> | ||
| <p> | ||
| Edit <code>src/App.js</code> and save to reload. | ||
| </p> | ||
| <a | ||
| className="App-link" | ||
| href="https://reactjs.org" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| Learn React | ||
| </a> | ||
| </header> | ||
| </div> | ||
| ); | ||
| class App extends Component { | ||
|
|
||
| render(){ | ||
| return ( | ||
| <BrowserRouter> | ||
| <Main/> | ||
| </BrowserRouter> | ||
| ); | ||
| } | ||
|
|
||
| } | ||
|
|
||
| export default App; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| import React, { Component } from 'react'; | ||
| import { Switch, Route, Redirect, withRouter } from 'react-router-dom'; | ||
|
|
||
| /* Custom components */ | ||
| import SignIn from './SignIn'; | ||
|
|
||
|
|
||
| class Main extends Component { | ||
|
|
||
|
|
||
| render() { | ||
|
|
||
| return ( | ||
| <React.Fragment> | ||
| <Switch location={this.props.location}> | ||
| <Route path='/signin' component={SignIn} /> | ||
| <Redirect to="/signin" /> | ||
| </Switch> | ||
| </React.Fragment> | ||
| ); | ||
| } | ||
|
|
||
| } | ||
|
|
||
| export default withRouter(Main); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,117 @@ | ||
| import React from 'react'; | ||
| import Avatar from '@material-ui/core/Avatar'; | ||
| import Button from '@material-ui/core/Button'; | ||
| import CssBaseline from '@material-ui/core/CssBaseline'; | ||
| import TextField from '@material-ui/core/TextField'; | ||
| import FormControlLabel from '@material-ui/core/FormControlLabel'; | ||
| import Checkbox from '@material-ui/core/Checkbox'; | ||
| import Link from '@material-ui/core/Link'; | ||
| import Grid from '@material-ui/core/Grid'; | ||
| import Box from '@material-ui/core/Box'; | ||
| import LockOutlinedIcon from '@material-ui/icons/LockOutlined'; | ||
| import Typography from '@material-ui/core/Typography'; | ||
| import { makeStyles } from '@material-ui/core/styles'; | ||
| import Container from '@material-ui/core/Container'; | ||
|
|
||
| function Copyright() { | ||
| return ( | ||
| <Typography variant="body2" color="textSecondary" align="center"> | ||
| {'Copyright © '} | ||
| <Link color="inherit" href="https://material-ui.com/"> | ||
| Your Website | ||
| </Link>{' '} | ||
| {new Date().getFullYear()} | ||
| {'.'} | ||
| </Typography> | ||
| ); | ||
| } | ||
|
|
||
| const useStyles = makeStyles((theme) => ({ | ||
| paper: { | ||
| marginTop: theme.spacing(8), | ||
| display: 'flex', | ||
| flexDirection: 'column', | ||
| alignItems: 'center', | ||
| }, | ||
| avatar: { | ||
| margin: theme.spacing(1), | ||
| backgroundColor: theme.palette.secondary.main, | ||
| }, | ||
| form: { | ||
| width: '100%', // Fix IE 11 issue. | ||
| marginTop: theme.spacing(1), | ||
| }, | ||
| submit: { | ||
| margin: theme.spacing(3, 0, 2), | ||
| }, | ||
| })); | ||
|
|
||
| export default function SignIn() { | ||
| const classes = useStyles(); | ||
|
|
||
| return ( | ||
| <Container component="main" maxWidth="xs"> | ||
| <CssBaseline /> | ||
| <div className={classes.paper}> | ||
| <Avatar className={classes.avatar}> | ||
| <LockOutlinedIcon /> | ||
| </Avatar> | ||
| <Typography component="h1" variant="h5"> | ||
| Sign in | ||
| </Typography> | ||
| <form className={classes.form} noValidate> | ||
| <TextField | ||
| variant="outlined" | ||
| margin="normal" | ||
| required | ||
| fullWidth | ||
| id="email" | ||
| label="Email Address" | ||
| name="email" | ||
| autoComplete="email" | ||
| autoFocus | ||
| /> | ||
| <TextField | ||
| variant="outlined" | ||
| margin="normal" | ||
| required | ||
| fullWidth | ||
| name="password" | ||
| label="Password" | ||
| type="password" | ||
| id="password" | ||
| autoComplete="current-password" | ||
| /> | ||
| <FormControlLabel | ||
| control={<Checkbox value="remember" color="primary" />} | ||
| label="Remember me" | ||
| /> | ||
| <Button | ||
| type="submit" | ||
| fullWidth | ||
| variant="contained" | ||
| color="primary" | ||
| className={classes.submit} | ||
| > | ||
| Sign In | ||
| </Button> | ||
| <Grid container> | ||
| <Grid item xs> | ||
| <Link href="#" variant="body2"> | ||
| Forgot password? | ||
| </Link> | ||
| </Grid> | ||
| <Grid item> | ||
| <Link href="#" variant="body2"> | ||
| {"Don't have an account? Sign Up"} | ||
| </Link> | ||
| </Grid> | ||
| </Grid> | ||
| </form> | ||
| </div> | ||
| <Box mt={8}> | ||
| <Copyright /> | ||
| </Box> | ||
| </Container> | ||
| ); | ||
| } |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,17 +1,15 @@ | ||
| import React from 'react'; | ||
| import ReactDOM from 'react-dom'; | ||
| import './index.css'; | ||
| import CssBaseline from '@material-ui/core/CssBaseline'; | ||
| import { ThemeProvider } from '@material-ui/core/styles'; | ||
| import App from './App'; | ||
| import * as serviceWorker from './serviceWorker'; | ||
| import theme from './theme'; | ||
|
|
||
| ReactDOM.render( | ||
| <React.StrictMode> | ||
| <ThemeProvider theme={theme}> | ||
| {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */} | ||
| <CssBaseline /> | ||
| <App /> | ||
| </React.StrictMode>, | ||
| document.getElementById('root') | ||
| </ThemeProvider>, | ||
| document.querySelector('#root'), | ||
| ); | ||
|
|
||
| // If you want your app to work offline and load faster, you can change | ||
| // unregister() to register() below. Note this comes with some pitfalls. | ||
| // Learn more about service workers: https://bit.ly/CRA-PWA | ||
| serviceWorker.unregister(); |
This file was deleted.
Oops, something went wrong.
Oops, something went wrong.