Danilo and Ji's Cat project
- Exploring APIs we are interested in working with
- We loved animal APIs especially cats!
- Cat facts API
- CATAAS-Cat as a service
- Considering our user journey
- Once users arrive on our project page, they will be able to click a button to complete a form to request a photo of cat and a cat fact
- Decide MVP and estimate it
- Create a page (markup and styling) – E2 (Jihye)
- Event function for buttons – E2 (Jihye)
- Get data (fetch) – E3 (Danilo)
- Present data (imgs and text) – E2 (Danilo)
- Responsive design (mobile-first) – E2 (Jihye)
- Check Accessibility – E1 (Danilo)
- Set up repo and initialise our file structure
- input text, a filter and a tag to get a random picture of cat (E3)
- click a button to present a cat fact with a random picture of cat (E2)
- land a homepage and be able to click a button to use the service (E2)
- make sure the service is mobile-first design (E2)
- make sure the service is accessible for everyone (E1)
- Query at least two APIs using fetch
- Dynamic content generated with JS
- A clearly defined user journey, docummented in your readme
- A responsive, mobile-first design
- Ensure your app is accessible to as many different users as possible
-
present some indication that data is loading(E2)
-
want to tell when somthing goes wrong(E2)
- Create a page (markup and styling) – E2 (Jihye & Danilo)
- Event function for buttons – E2 (Jihye & Danilo)
- Get data (fetch) – E3 (Danilo)
- Present data (imgs and text) – E2 (Danilo & Jihye)
- Responsive design (mobile-first) – E2 (Jihye)
- Check Accessibility – E1 (Danilo & Jihye)
- Create a page (markup and styling) – E
- Event function for buttons – E
- Get data (fetch) – E3 (Danilo)
- Present data (imgs and text) – E
- Responsive design (mobile-first) – E
- Check Accessibility – E