Author

Alvynah Wabwoba

QuoteQuorra

This is a website application generated with generated with Angular CLI version 11.2.5.

Description

This is a quotes website which allows a user to enter a new quote, upvote or downvote an existing quote and to delete the quote.The quote with the highest number of upvotes is highlighted.

Live site

quote-quorra

Project Setup Instructions

• Open Terminal {Ctrl+Alt+T}
• git clone https://github.com/alvynah/quote-quorra.git
• cd quote-quorra
• code .(for Vs Code) or atom .(for Atom)

1. Ensure you have installed Angular CLI and all its dependencies.
2. Ensure you are working in the right directory all through.

Technologies Used

1. HTML5
2. CSS
3. BootStrap
4. TypeScript
5. Markdown

Behaviour Driven Development

• ADD QUOTE

Inputs

1. Name
2. Quote title
3. Quote Description
4. Quote Author

Behaviour User inputs the above inputs,clicks the add quote button and a new quote is created. If the user does not enter input and clicks button Add Quote,the user is prompted to input missing fields. When the user enters items in a field and then clears the field, an alert message is shown.

Outputs

1. New quote displayed by a card

• UPVOTE AND DOWNVOTE

Button Clicks

1. Thumbs-up icon
2. Thumbs-down icon

Behaviour

User clicks on the thumbs up button to upvote and on the thumbs down button to downvote. The displayed quotes will be arranged from the highest voted quote to the least voted quote.The highest upvoted quote is then highleted and displayed as the most upvoted quote.

Outputs

1. Most upvoted quote is highlighted
2. Quotes are arranged from highest upvoted to least upvoted.

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.

Contact Information

For any further inquiries or contributions or comments, reach me at Alvynah

License

MIT License Copyright (c) {2021}

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.