---
# System prepended metadata

title: Week 8 team rocket readme

---

# 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]
![image alt](https:// "title")
[](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)


