Technologies

• Database and Related:
  • Firebase
• Backend Technologies:
  • Instead of backend was used online google database with name firebase, with module for Angular 2 - Angularfire 2.
• Frontend Technologies:
  • HTML,
  • CSS,
  • Bootstrap,
  • RxJS,
  • TypeScript
  • Angular 2 with modules:
    • angular2-notifications
    • angular2-tag-input
    • firebase
    • angularfire2
    • ng2-bs3-modal
    • ng2-tag-input
  • Additional modules: animate.css, moment, lodash
  • Gulp, EditorConfig, JSHint

Project goal

Firstly user should register, and after he can sign in. After user can search for some dishes to cook in the search box on the top of the main page. If the user likes this dish, he can like it. The user can't vote for his dish, or vote more than one time.

Users can add their special dish. For that, users should fill in the following properties:

• name,
• description,
• recipe,
• ingredients,
• weight of ingredients in grams,

and add some images with the current dish. If he makes some mistake in the name, recipe, or other properties, he can always update it or even remove it from the list of dishes. On the dish details page, he can add new images to the gallery of the current dish.

Of course, there are comment sections. In the comment section, users can leave their impressions about the dish. There are also sub-comments for the main comments. All comments can be removed and updated only if the comment exists for less than one hour.

The dish details section includes a table with ingredients and ingredients' weight.

Also, there is a dish gallery with a slider that makes viewing way easier.

Project look