Develop Initial Prototype

[wingsofovnia]

Exercise 3

The goal of this exercise is to start the development of your web application and to present your initial prototype.

Implement an initial prototype of your web application based on the MEANStack consisting of:

• MongoDB (https://www.mongodb.com) as a database
• Express.js (http://expressjs.com/) as a web framework
• AngularJS (https://angularjs.org/, we recommend version 1.5+) as a client-side framework
• Node.js (https://nodejs.org/) as a runtime environment for JavaScript

Furthermore, you should use a UI framework like Twitter Bootstrap (http://getbootstrap.com/), Semantic UI (http://semantic-ui.com/), or Angular Material (https://material.angularjs.org/latest/) for designing your web site.

You can use the MovieApp as presented in our practical sessions as an inspiration and starting point. We’ve published the backend (https://github.com/sebischair/sebamaster-movie-backend) as well as the frontend (https://github.com/sebischair/sebamaster-movie-frontend) project on Bitbucket. Those repositories also contain some basic information on how to set up your environment.

Furthermore, thoroughly think about the conceptual data model of your web application: Which are the basic entities your web application has to deal with, and how they are related to each other? For this purpose, use a UML class diagram (https://en.wikipedia.org/wiki/Class_diagram) to design such a conceptual data model (Covered by #30)

For the initial prototype, make sure that the web application

• already has a nice-looking landing page which gives an overview over your web application’s value proposition (Covered by #33),
• implements user registration (Covered by #34) and login (Covered by #35), and
• supports at least one of the business idea-specific use cases as defined in exercise 1 (Covered by #37, #40 ).

[wingsofovnia]

Project initialization: #32 #29