ga-chicago · LehmanBrother · Oct 9, 2018 · Oct 10, 2018 · Oct 10, 2018 · Oct 10, 2018
diff --git a/controllers/pokemon.js b/controllers/pokemon.js
@@ -0,0 +1,52 @@
+const express = require('express');
+const router = express.Router();
+
+const Pokemon = require('../models/pokemon');
+
+//index route
+router.get('/', (req,res) => {
+	res.render('index.ejs', {
+		pokemon: Pokemon
+	});
+})
+
+//new route
+router.get('/new', (req,res) => {
+	res.render('new.ejs');
+})
+
+//post route
+router.post('/',(req,res) => {
+	Pokemon.push(req.body);
+	res.redirect('/pokemon');
+})
+
+//show route
+router.get('/:id', (req,res) => {
+	res.render('show.ejs', {
+		pokemon: Pokemon[req.params.id],
+		id: req.params.id
+	})
+})
+
+//delete route
+router.delete('/:id', (req,res) => {
+  Pokemon.splice(req.params.id,1);
+  res.redirect('/pokemon');
+})
+
+//edit route
+router.get('/:id/edit', (req,res) => {
+  res.render('edit.ejs', {
+    pokemon: Pokemon[req.params.id],
+    index: req.params.id
+  })
+})
+
+//update route
+router.put('/:id', (req,res) => {
+  Pokemon[req.params.id] = req.body;
+  res.redirect('/pokemon');
+})
+
+module.exports = router;
diff --git a/models/pokemon.js b/models/pokemon.js
@@ -0,0 +1,32 @@
+const pokemon = [ 
+  {
+    name: "Bulbasaur", 
+    img: "http://img.pokemondb.net/artwork/bulbasaur.jpg"
+  },
+  {
+    name: "Ivysaur", 
+    img: "http://img.pokemondb.net/artwork/ivysaur.jpg"
+  },
+  {
+    name: "Venusaur", 
+    img: "http://img.pokemondb.net/artwork/venusaur.jpg"
+  },
+  {
+    name: "Charmander", 
+    img: "http://img.pokemondb.net/artwork/charmander.jpg"
+  },
+  {
+    name: "Charizard", 
+    img: "http://img.pokemondb.net/artwork/charizard.jpg"
+  },
+  {
+    name: "Squirtle", 
+    img: "http://img.pokemondb.net/artwork/squirtle.jpg"
+  },
+  {
+    name: "Wartortle", 
+    img: "http://img.pokemondb.net/artwork/wartortle.jpg"
+  }
+];
+
+module.exports = pokemon;
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,6 +18,7 @@
     "cheerio": "^1.0.0-rc.2",
     "ejs": "^2.6.1",
     "express": "^4.16.3",
+    "method-override": "^3.0.0",
     "mocha": "^5.2.0",
     "supertest": "^3.3.0"
   }

diff --git a/public/style.css b/public/style.css
@@ -0,0 +1,3 @@
+body {
+	background-color: cornsilk;
+}
diff --git a/server.js b/server.js
@@ -0,0 +1,20 @@
+const express = require('express');
+const app = express();
+const bodyParser = require('body-parser');
+const methodOverride = require('method-override');
+const pokemonController = require('./controllers/pokemon');
+
+//middleware
+app.use(bodyParser.urlencoded({ extended: false }));
+app.use(bodyParser.json());
+app.use(methodOverride('_method'));
+app.use('/pokemon', pokemonController);
+app.use(express.static('public'));
+
+app.get('/',(req, res) => {
+	res.send('This is the server responding to a get request')
+})
+
+app.listen(3000, () => {
+	console.log('server is listening on port 3000');
+})
diff --git a/test/pokemon.js b/test/pokemon.js
@@ -3,6 +3,7 @@ const supertest = require('supertest');
 const app = require('../server');
 const should = chai.should()
 const cheerio = require('cheerio');
+const firstHref = $('.pokemon li:first-child a').attr('href'); 
 
 describe('pokemon routes index and show', function(){
     it('displays all pokemon at the index route', function(done){

diff --git a/views/edit.ejs b/views/edit.ejs
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title></title>
+</head>
+<body>
+	<h1>Pokemon Editor</h1>
+	<form method="POST" action="/pokemon/<%=index%>?_method=PUT">
+		Name: <input type="text" name="name" value="<%=pokemon.name%>"><br/>
+		Image: <input type="text" name="img" value="<%=pokemon.img%>"><br/>
+		<input type="submit" name="" value="Submit Edits"/>
+	</form>
+
+
+</body>
+</html>
diff --git a/views/index.ejs b/views/index.ejs
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Pokemon Index</title>
+	<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
+	<link rel="stylesheet" type="text/css" href="/style.css">
+	<style>
+		li {font-family: roboto;}
+	</style>
+</head>
+<body>
+	<h1>Pokemon Index</h1>
+	<ul class="pokemon">
+		<% for(let i = 0; i < pokemon.length; i++) {%>
+			<li>
+				<a href='/pokemon/<%=i%>'><%= pokemon[i].name %></a>
+				<form action='/pokemon/<%=i%>?_method=DELETE' method="POST">
+					<input type="submit" value="delete"/>
+				</form>
+				<a href='/pokemon/<%=i%>/edit'>Edit</a>
+			</li>
+		<% }%>
+	</ul>
+</body>
+</html>
diff --git a/views/new.ejs b/views/new.ejs
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title></title>
+</head>
+<body>
+	<h1>New Pokemon Page</h1>
+
+	<form action="/pokemon" method="POST">
+		Name: <input type="text" name="name"><br/>
+		Image: <input type="text" name="img"><br/>
+		<input type="submit">
+	</form>
+
+</body>
+</html>
diff --git a/views/show.ejs b/views/show.ejs
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title></title>
+</head>
+<body>
+	<h1>Pokemon Show Page</h1>
+	<a href='/pokemon'>Index</a>
+	<p>Name: <%= pokemon.name%></p>
+	<img src="<%=pokemon.img%>"/>
+	<form action='/pokemon/<%=id%>?_method=DELETE' method="POST">
+		<input type="submit" value="Delete"/>
+	</form>
+</body>
+</html>