djibba22
/ basic react router
Created
July 31, 2020 21:30
This file contains hidden or 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
| <Router> | |
| <Navbar/> | |
| <Container maxWidth="lg"> | |
| <Switch> | |
| <Route path="/about"> | |
| <About /> | |
| </Route> | |
| <Route path="/signup"> | |
| <SignUp /> | |
| </Route> |
djibba22
/ signup component
Created
July 31, 2020 21:10
This file contains hidden or 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
| import React from 'react'; | |
| import {Avatar, Button , CssBaseline , TextField, FormControlLabel, Checkbox, Link, Grid, Box } from '@material-ui/core'; | |
| 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"> |
This file contains hidden or 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
| import React, { useState, useEffect } from ‘react’; | |
| /* Add the hooks to the component before the return method */ | |
| const [response, setResponse] = useState(“Before the call”); | |
| useEffect(() => { | |
| fetch(“http://localhost:8888") | |
| .then(res => res.text()) | |
| .then(res => { | |
| setResponse(res) | |
| }); | |
| }); |
This file contains hidden or 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
| var express = require('express'); | |
| var router = express.Router(); | |
| router.get('/', function(req, res, next) { | |
| res.send(`You be Full Stackin Bruh`); | |
| }); | |
| module.exports = router; |
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html lang='en'> | |
| <head> | |
| <title>Contact Dan</title> | |
| <!-- This critical line points your HTML to the CSS file. Notice the "relative" pathway --> | |
| <link rel="stylesheet" type="text/css" href="../css/style.css"> | |
| </head> | |
| <body> | |
| <div id="container"> | |
| <!-- Navigation menu for top of every page --> |
djibba22
/ gist:fde182b7d8953346365bea69170e273e
Created
June 23, 2016 12:47
This file contains hidden or 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
| **Instructions:** | |
| * Put all of this code where you normally code in, inside a folder | |
| named week1 | |
| -day2 -html -css | |
| * Make a folder called `css` using terminal/Git Bash | |
| * Inside the `css` folder make a file called `style.css` using | |
| terminal/Git Bash | |
| * Reference the `style.css` in your `student | |
| -bio.html` file. You do | |
| this by placing `<link rel="stylesheet" type="text/css" |