# Week 8 team rocket readme

## Issues/what needs to be done
1. Set up the router
2. Add the HTML for the pages to be served in their respective files

## Issue for each route

#### landing (L)

- title
- slogan
- links
- sign up
- login => to enter

#### home (find-a-dog) TW
##### HTML structure
- title
- slogan
- Fixed navbar
- add new dog
- profile settings ( update / delete )
- logout
- Displays all dogs and their respective details
- Use CSS to display the contact details of the dog if clicked on.
- Dog name
- Photo of dog
- What else do we display here?

#### signup TW
##### HTML structure
- Title
- Slogan
- Form fields for:
- username
- email
- password
- Button to create an account (sends a POST request )

#### login

- Title
- Slogan
- Fields for:
- username
- email
- password
- Button to login an account (sends a POST request )

#### add-a-dog POST

- form
- name
- breed
- image (TBA)
- owner (generated by database)

#### stats ( stretch )

- get statics from teh API ???

#### index.html

- create html boilerplate

#### app.js

- create app.js file structure

#### query.js

- make a fetch function to get data from dog api

#### router.js

- set routes

![https://media.giphy.com/media/x28cIQSn19Tbi/giphy.gif][Lady and the tramp gif]
[](https://)

- [ ] A single-page app (only one HTML file)
- [ ] Client-side routing
- [ ] Accessible signup/login forms
- [ ] Token-based authentication (storing token in localStorage)
- [ ] Form for adding new resources (only for logged in users)

- [ ] Buttons to delete existing resources (for logged in users)
- [ ] Form for updating existing resources (for logged in users)