echen4 / PersonalWebApp

Personal Web App

Check it out at: https://pacific-plateau-64936.herokuapp.com/

Make sure you've followed all instructions for BaseWebApp

1. Add new app pages: Add pages called about.ejs, projects.ejs, contact.ejs to views/pages. These files can be empty for now, or you could add something like <h1> Hello! </h1> so you know it's rendering.

2. Add routing - modify your server-side code in index.js to support routing. See code here

*Since this updates the code that runs on the server, you need to restart your server to view the changes locally. You can do this by pressing control + c, and then then running heroku local web again.

```
app.get('/', function(request, response) {
  response.render('pages/index');
});

app.get('/about', function(request, response) {
  response.render('pages/about');
});

app.get('/projects', function(request, response) {
  response.render('pages/projects');
});

app.get('/contact', function(request, response) {
  response.render('pages/contact');
});

```

2. Add a file to your partials called navbar.ejs: https://github.com/zsobin/PersonalWebApp/blob/master/views/partials/navbar.ejs

3. Add that navbar to all of your app pages (index.ejs, about.ejs, projects.ejs), and contact.ejs so that people can navigate around your app:

     <header>
       <% include ../partials/navbar %>
     </header>
   

4. Copy all the CSS over to your public/stylesheets/main.css file so your pages look a little prettier! https://github.com/zsobin/PersonalWebApp/blob/master/public/stylesheets/main.css. You could also copy over the

5. Make it your own!

   • Change images to your own
   • Add your own project descriptions and bio
   • Add more pages + routing
   • Style it to look prettier! Check out the components available through bootstrap here.