/quote-generator

This is an angular web application that enables page vistors to create quotes, vote for them and delete those they dont like.

Primary LanguageTypeScript

QuoteGenerator

This is an angular web application that enables page vistors to create quotes, vote for them and delete those they dont like.

This project was generated with Angular CLI version 7.1.4.

Author name

David Watibini Makhanu

Project Description

This web application allows its page visitors to input quotes, vote for them and dislike those that they don't like same as to deleting them. The page also allows them to view past quotes from different publishers.

Project setup instruction/ installations

  1. From the repository, click + in the global sidebar and select Clone this repository under Get to work.

  2. Copy the clone command.

If you are using the SSH protocol, ensure your public key is in Bitbucket and loaded on the local system to which you are cloning

  1. From a terminal window, change to the local directory where you want to clone your repository.

or just use this

$ git clone https://github.com/watibini/pig-quote-generator.git/

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

BDD

Behavior Result
User inputs form details and submits the form values form data is shown as output to the user
User clicks on the delete button All data within the button are deleted
User clicks on the upvote button upvotes are added with a +1 range
User clicks on the downvote button downvotes are added with a +1 range

Live link

Use this link to see the web-page

(https://watibini.github.io/quote-generator/)

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README