TechieQuotes

Find the best & inspiring tech quotes by the very best in the tech industry. Click to view

TechieQuotes.mp4

Contributor

Emmaculate Kamau

Technologies used

1. Javascript
2. CSS
3. HTML
4. Bootstrap
5. Typescript

Requirements

NodeJs and Angular installed or an IDE with the same functionality. VS Code is a great choice.

Setup and instruction

1. Clone the repository here.
2. Extract and open the folder.
3. Run ng serve --open from the console.
4. Navigate to http://localhost:4200/ on your preferred browser.

Behaviour Driven Development

BDD focuses on how the user will interact with the application.

What you will see and experience:

1. Landing page with several quotes on sticky notes tilted for effects.

2. Hover or focus on the note to remove the tilting effect; read effectively.
   Note - Quote, Author, Thumbs up and Thumbs down are displayed.

3. Click on the Thumbs up to up vote and Thumbs down to down vote.
   This increments the value adjascent.
   NB The quote with the most votes is highlighted in Orange.

4. Click on View more to display:

   • Uploaded By - name of the person who uploaded the quote.
   • Tag - Either Humor me or Inspire and Motivate.
   • Delete button - Removes the Quote from display.
   • How many days have passed since the quote was added.

5. At the bottom is an add quote form.
   Enter your name, Author, Quote and Tag to create a new quote on submit.
   NB The submit button is disabled for empty form fields. The form throws errors below the inputs for empty values and cannot submit an empty form.

6. Click on the Reload button to Clear the form.

7. Finally is a footer with contact information.
   Click on the arrow-up to return to the beginning of the page.
   Click on the link on the very bottom to interact with me on LinkedIn.

Development

To fix a bug or enhance an existing module, follow these steps:

• Fork the repo
• Create a new branch (git checkout -b improve-feature)
• Make the appropriate changes in the files
• Add changes to reflect the changes made
• Commit your changes (git commit -am 'Improve feature')
• Push to the branch (git push origin improve-feature)
• Create a Pull Request

Known Bugs

If you find a bug or would like to request a new function, reach out to me via Email: [email protected] or on LinkedIn

License

MIT

Copyright (c) 2022 Emmaculate Kamau

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.