# :fire: Tindog ## For chasing tail  --- ## Demo :panda_face:  --- ## Planning :dog2: Split into several parts: * User stories * Quick mockup of the website * Setting out the file architecture * Figuring out what API we want to use, and testing them out. ---  ---  --- #### Design & Color scheme 🐰  ---  --- ## Using the API :rabbit: - make sure you're using the right API! - read the documentation and check your code! - feature requests --- ### Difference between SPA , static site and dynamic pages: :hotdog:  --- #### Dynamic Page :hotdog:  --- #### Static Page :hotdog:  --- #### SPA :hotdog:  --- ## Learning outcomes --- ### Ina 🐰  * Debugging * Refactoring --- ### Lizzy :panda_face: * Understand how to build an SPA * How it differs from building a site with Node JS * Promises * Debugging ![image alt](https://media0.giphy.com/media/l2Sq5ryfwM5tpTLnW/source.gif "title" =300x250) --- ### Jack :dog2: - So many ways to skin a ~~cat~~ ~~dog~~ potato - Abstraction and modularisation - className.toggle() - A little CSS goes a long way --- ### Tom :hotdog: - How the SPA communicates with the browser, and how it deffers from static sites or dynamic pages - debugging - wish did tests at the time of writing the code, it would have prevented endless debugging --- ## What went well 1. `See my doggo` function 🐰 ```Javascript function dogToggle() { const dogs = document.querySelectorAll(".dog__card"); dogs.forEach((dog) => { dog.classList.toggle("dog--hidden"); }); } ``` --- 2. Debugging 3. Working together as a team --- # Any questions?