Code Monkey home page Code Monkey logo

web-app-from-scratch-1920's Introduction

Greetings, my name is Damian Veltkamp

Want to know more about me? Check out my website

web-app-from-scratch-1920's People

Contributors

damianveltkamp avatar joostf avatar koopreynders avatar razpudding avatar

web-app-from-scratch-1920's Issues

README

README contains minimal documentation. Following headers can be added:

  • Actor diagram
  • Rate limit
  • Interaction diagram
  • Design patterns & best practices
  • Feature wishlisht & backlog

Interaction diagram

Looks like your interaction diagram is only for the currentstate of your app.

You'll need to add some functionalities to comply with the rubric requirements.

Rubric : Data ophalen, manipuleren en tonen

JSON word netjes opgehaald met een async function, zover ik kan zien heb je gebruik gemaakt van de iets diepere materie (promiseAll) dit is ook erg netjes.

Je gebruikt nog niet alle: map(), filter(), reduce() methods voor zover ik kan zien. Vergeet niet een functionaliteit toe te voegen waarbij je dit kan gebruiken.

Je hebt je eigen template engine geschreven, dit is zeker een plus.

All in all, denk ik dat je nu nog in de "onvoldoende" zit, maar dit is puur alleen maar omdat je nog niet alle methods gebruikt die we moeten gebruiken. Als je deze gebruikt zit je in de "GOED"

README API

API is well documented/explained in your readme, well done. Also the code snippets are a great addition.

Rubric : States en routes afhandelen

Routie microJS is gebruikt en werkt.

Actor-/Interaction diagrams zijn visueel vorm gemaakt, ik denk echter wel dat deze nog niet 100% compleet zijn.
Vergeet niet wanneer de applicatie af is je diagrams te checken en te kijken of ze nog up to date zijn met je huidige code. Grote kans dat je nieuwe features toevoegt of bestaande feature code refactored.

In de huidige live link valt nog niet veel te zien, vergeet niet een vorm van feedback aan de gebruiker te laten zien om de user experience te verbeteren en te voldoen aan de rubric.

Voor nu zit je nog in "onvoldoende"; dit komt omdat de diagrams uitgebreider kunnen en volgens mij ook nog niet alle features/code bevat.
Als je deze dingen doorvoert zit je waarschijnlijk in "voldoende"/"goed"

Rubric : App structuur en code kwaliteit

Code is netjes gestructureerd, en je hebt je goed verdiept in nieuwe stof (promiseAll & virtualDom), ook netjes gebruik gemaakt van modules

Ik denk dat je hier makkelijk in de "GOED" zit

Explain the virtual dom

In your code, you are using the virtual dom. Make sure to mention and explain this in your readme.

actor diagram

getPage(route) is part of "Template" in your actor diagram, to me this doesn't make sense. Why not make it a part of "Router"?

I suggest visualising variables with a "+" as prefix. This is better readable for users.

Peer review readme.md 07-02

  • Add a link to your live demo in Github Pages
  • Add an image of your work in the readme
  • Add a table of contents
  • Add a section of how to install the app
  • Add the features of the app
  • Add an example of the data
  • Maybe add a license

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.