Hackathon Friday

Some inspiration

Be not afraid of growing slowly, be afraid of standing still. - Chinese Proverb

Bootcampers, look how far you’ve come! It’s Week 8 already and we’ve covered so much. This week we’ve reflected on our projects, our teams and our learning and have taken ownership of where we want to take our development.

The learning audit has given us the opportunity to consolidate our knowledge ready for the rest of the course. Today’s hackathon will look at applying what you’ve reviewed this week - use this as an opportunity to play with what you’ve been learning and enjoy yourselves!

Remember to start a new project with react: documentation

---

Your task is to recreate either an ecommerce platform or a map finder.

Example of project design - for an ecommerce platform

Resources required for project

Resource	Link
Fake store API	https://fakestoreapi.com/

---

Example of project design - a map finder

Resources required for the project

Resource	Link
Map API	https://restcountries.com/

---

Things to include in your project today

• Create a component tree diagram
  • Should show what components have state (if any) & props (if any).
• Fetching from API & Filter the data.
• Recreate the design given and maybe make it better (if time permits).
• Some tests

Bonus tasks

• Explore localstorage to keep data persisting.
• Make it responsive.
• Include dark/light mode.
• Explore accessibility.

Resource	Link
fetch from API	https://dmitripavlutin.com/javascript-fetch-async-await/
Array.map()	https://www.freecodecamp.org/news/javascript-map-how-to-use-the-js-map-function-array-method/
Array.filter()	https://www.digitalocean.com/community/tutorials/js-filter-array-method