/Quiz-Game

Primary LanguageJavaScript

Flerplattformsapplikationer med webbtekniker

Grupp 4

Emilia Johansson

Marcus Lennartsson

Lukas Jönsson

Project Description

Quiz game using React and TriviaAPI that let's the user play different games depending on category and difficulty of the trivia questions. It saves the results, categories and date into local storage.

Install the dependencies

npm i

Execute the application

npm start

Ramverket valdes baserat på följande faktorer

  • Efterfrågan på arbetsmarknaden

  • Ramverkets storlek

  • Inlärningskurva

  • Dokumentation

Följande ramverk inkluderades i jämförelsen Angular Vue React

Enligt [1] är Angular, Vue och React de mest populära front-end ramverken 2023. I en undersökning av efterfrågan på arbetsmarknaden fanns React med i 57% av annonserna som inkluderade ett front-end ramverk. Detta medan Angular och Vue enbart fanns med i 32.5% respektive 9.7%. En faktor som indikerar om popularitet är sökintresse, denna visar att React är överlägset mest eftersökt följt av Angular och sist Vue. Ytterligare en relevant faktor är antal nedladdningar, enligt [2] har React laddats ner mellan 10-20 miljoner gånger i veckan mellan 2022 och 2023. Detta medan Angular och Vue har laddats ner i snitt mellan 2-3 miljoner gånger i veckan. Anmärkningsvärt är att Vue under en period mellan november 2022 och januari 2023 hade över 30 miljoner i snittliga nedladdningar. Denna trend har under inledningen av 2023 avtagit varför nivåerna idag ligger som tidigare. Sett till efterfrågan verkar därför React vara det mest efterfrågade både på arbetsmarknaden och bland utvecklare enligt npms statistik.

Projektet som skall utvecklas är relativt litet därför är skalabilitet sekundärt, skulle applikationen varit mer omfattande skulle Angular vara fördelaktigt [3]. Sett till prestanda är Vue och React föredragna kontra Angular [4]. Eftersom det finns minimal tid att lära sig ett nytt ramverk är React och Vue mer fördelaktigt kontra den mer omfattande inlärningskurvan med Angular [3]. Sett till dokumentation verkar samtliga ramverk vara väldokumenterade, externa resurser som Stack Overflow, W3C och YouTube har mycket information om respektive ramverk. Oavsett vilket ramverk som valts skulle dokumentationen inte vara ett hinder för det specifika projektet. Den komponentbaserade strukturen i React är efterfrågad eftersom det underlättar vid utveckling av applikationer med flera utvecklare samt skapar en tydlighet.

Sett till applikationen som skall utvecklas är Vue och React fördelaktiga, den stora efterfrågan på arbetsmarknaden, den komponentbaserade strukturen samt prestandan motiverar varför React valts som ramverk. Referenser

[1] E. Elliott, “Top JavaScript Frameworks and Technology 2023,” JavaScript Scene, Apr. 2023. https://medium.com/javascript-scene/top-javascript-frameworks-and-technology-2023-4e4a06d6be93 (hämtad: 2023-05-11).

[2] npm trends, “@angular/core vs react vs vue,” npmtrends.com, Apr. 2023. https://npmtrends.com/@angular/core-vs-react-vs-vue (hämtad: 2023-05-11).

[3] M. Joshi, “Angular vs React vs Vue: Core Differences,” BrowserStack, Dec. 2022. https://www.browserstack.com/guide/angular-vs-react-vs-vue (hämtad: 2023-05-11).

[4] “Angular vs. React vs. Vue.js: Comparing performance,” LogRocket Blog, Oct. 2021. https://blog.logrocket.com/angular-vs-react-vs-vue-js-comparing-performance/ (hämtad: 2023-05-11).