Marking Criteria

Assessment Criteria Learning Outcomes Completed
Using React correctly
  • The submission has well-structured and formatted code.
  • Best practices are following, such as having a component in its own folder.
  • There are no errors in the console.
  • The App runs without any errors, and there are no errors in the console
  • has knowledge of industry-relevant JavaScript frameworks, has knowledge of the difference between a library, framework and runtime script engine.
  • has knowledge of principles for software architecture and design patterns that frameworks are built on, such as MVC, Event driven architecture etc.
  • is familiar with the possible risks by using less-known JavaScript frameworks.
  • has insight into their own opportunities for work related the JavaScript framework.
Using libraries and common design patterns
  • The app uses React Router.
  • The app uses a Layout component.
  • The data is from the specified API.
  • Dynamic segments are used for the Product page
  • can explain their choice of JavaScript framework
  • can explain the functionality of the JavaScript framework and the architecture behind the different frameworks, and the reasons for using these frameworks
  • can reflect his/her own choices and use for JavaScript frameworks in the development of digital solutions and adjust it under supervision or in relation to overall development
  • can find and refer to technical information about the JavaScript framework and assess its relevance for each specific project
All features delivered
  • The submission features a home page that contains a list of products and a lookahead search bar.
  • The submission features an individual product page that fetches an individual item from the API.
  • The submission features a cart icon that displays the number of items in the cart.
  • The submission features a checkout page.
  • The submission features a checkout success page.
  • The submission features a contact page with the correct validation.
  • The submission contains a shopping cart that can have products added to it.
  • can plan and carry out digital solutions developed with JavaScript frameworks
  • can plan and carry out work with JavaScript frameworks and develop solutions based on specifications
  • can exchange points of view with his/her peers and participate in discussions about the use of JavaScript frameworks in the development of digital solutions