Skip to content

Latest commit

 

History

History
65 lines (50 loc) · 2.07 KB

README.md

File metadata and controls

65 lines (50 loc) · 2.07 KB
Raw

README

🐝 Overview

Created by: @jokosanyang @starsuit @mistapepper @fweddi

crossover

This repo contains our Founders and Coders Week 3 project. After learning about and practicing working with APIs to request information from the internet, we set to work on creating our own web app utilising (at least) two APIs.

The website is live on GitHub pages. Access it using this link!

💾 How to install the project

  1. git clone [email protected]:FAC-Sixteen/week-3-agony-yaunt.git
  2. cd into the directory
  3. run npm i to install node modules
  4. npm test can be run for the (minimal) tests
  5. open the local index.html file

📈 Our process

  1. brainstormed ideas
  2. selected one final idea and researched the APIs
  3. drew up a mock design and ideal features
  4. plotted out the software architecture figma design
  5. second draft of design
  6. made a task list
  7. created initial API functions
  8. chained together functions with DOM and callbacks
  9. styled to the max

🏋️‍ What we struggled with

  • finding an appropriate API
  • CORS

CORS

  • No way to test XMLHttpRequest functions without browser
  • Importing functions to dom.js
  • recursion + async = no-no

💡 What we learned

  • what CORS is
  • modular functions
  • effective use of regex .match and .replace methods
  • 3D CSS transforms

🕕 Stretch goals

  • tweaking the yodariser to make the quotes more Yoda
  • a third API to randomise GIFs of Yoda
  • Star Wars theme song with scrolling intro text
  • page autoscrolls on tick