Skip to content

Commit

Permalink
Added a register page
Browse files Browse the repository at this point in the history
  • Loading branch information
Garcia authored and Garcia committed Oct 14, 2020
1 parent 7923777 commit e4d2960
Show file tree
Hide file tree
Showing 2 changed files with 51 additions and 1 deletion.
3 changes: 2 additions & 1 deletion src/App.js
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ import { Navbar, Nav, Container } from 'react-bootstrap'


import HomePage from './pages/HomePage/HomePage'
import RegisterPage from './pages/RegisterPage/RegisterPage'

function App() {
return (
Expand All @@ -34,7 +35,7 @@ function App() {
<div>
<Switch>
<Route path="/register">
<h1>Register Here</h1>
<RegisterPage/>
</Route>
<Route path="/login">
<h1>Login</h1>
Expand Down
49 changes: 49 additions & 0 deletions src/pages/RegisterPage/RegisterPage.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
import React from 'react'
import { Container, Form, Button } from 'react-bootstrap'

const registerPage = () => {
return (
<Container>
<Form className='mt-5'>
<Form.Group controlId="formBasicFirstName">
<Form.Label>First Name</Form.Label>
<Form.Control type="text" placeholder="Enter Your First Name" />
</Form.Group>

<Form.Group controlId="formBasicLastName">
<Form.Label>Last Name</Form.Label>
<Form.Control type="text" placeholder="Enter Your Last Name" />
</Form.Group>

<Form.Group controlId="formBasicEmail">
<Form.Label>Email address</Form.Label>
<Form.Control type="email" placeholder="Enter email" />
<Form.Text className="text-muted">
We'll never share your email with anyone else.
</Form.Text>
</Form.Group>

<Form.Group controlId="formBasicUsername">
<Form.Label>Username</Form.Label>
<Form.Control type="text" placeholder="Enter A Username" />
</Form.Group>

<Form.Group controlId="formBasicPassword">
<Form.Label>Password</Form.Label>
<Form.Control type="password" placeholder="Password" />
</Form.Group>

<Form.Group controlId="formBasicPasswordConfirmation">
<Form.Label>Password Confirmation</Form.Label>
<Form.Control type="password" placeholder="Confirm Your Password" />
</Form.Group>

<Button variant="primary" type="submit">
Create My Account
</Button>
</Form>
</Container>
)
}

export default registerPage

0 comments on commit e4d2960

Please sign in to comment.