Skip to content

Casburggraaf/wafs

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WAFS

The course repo for 'Web App From Scratch'

See the website live on https://casburggraaf.github.io/wafs/app

On this website you can see the most popular movies with a detail page of the movie.

The movie list, movie details en images are from The Movie DB except the image from the homepage, they are fetch from Unsplash

The API

The api is from The Movie DB. The only requirement of the api is that you in the possession of a api key. The api key is free for non commercial purposes.

Features

  • A popular movie overview
  • A detail page for a movie
  • 2 Api functions, 1 for the popular page and one for the detail page
  • A filter option on the popular page
  • A random image(movie) on the homepage
  • A loadergif that disappear when the api is completed and the images are loaded
  • A function that stores the api content in the local storage, and a function that checks if the popular data is not to completed
  • A error and 404 page

Actor Diagram

Actor Diagram

Interaction Diagram

Interaction Diagram

Libraries

Advantages and disadvantages of JavaScript libraries/frameworks

Advantages

  • Makkelijker moelijke aplicaties schrijven
  • Kortere overzichtelijke code
  • Grote comunities die hulp kunnen bieden
  • Browser compatibility

Disadvantages

  • Veiligheid
  • Beperking in mogelijkheiden
  • Bugs
  • Updates zonders backwards compatibility
  • Framework afhankelijk worden
  • Performance

Advantages and disadvantages of client-side single page web apps

Advantages

  • Alles blijft op een pagina, herladen hoeft niet
  • Single code base
  • Koppeling tussen backend en frontend

Disadvantages

  • Verliezen van procress
  • Seo problemen

Best practices

  • When making a significant change commit it!
  • Make branches for every feature
  • DRY your code

Pull Request

Week 1

Week 2

About

The course repo for 'Web App From Scratch'

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 91.0%
  • CSS 4.6%
  • HTML 4.4%