/tennis-api

Small project using basic HTML, CSS & JavaScript to practice fetching data from an API and displaying it on a bespoke web page.

Primary LanguageCSS

tennis-api

Small project using basic HTML, CSS & JavaScript to practice fetching data from an API and displaying it on a bespoke web page (designed using Excalidraw, Figma and Coolors).

Low-Fidelity Design (Excalidraw)

low-fidelity-wireframe

Web Page Colour Palette (used Coolors to find & select colour scheme)

low-fidelity-wireframe

Hex Codes Key (to indicate how the colours will be used across our web page design)

  • Hex Code #54008B = txt-primary
  • Hex Code #FCFCFC = txt-variant
  • Hex Code #013300 = txt-secondary-and-borders
  • Hex Code #006633 = buttons-and-stats-bg
  • Hex Code #84B118 = stats-main-bg-filter

High-Fidelity Design (Figma)

before: empty placeholders

high-fidelity-wireframe

after: example api data added

high-fidelity-wireframe