Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/chanaiagwata/quote-app
This is a quote application made with Javascript, Typescript, HTML, CSS, and Angular. It allows the user to create a quote, upvote or downvote, and delete quotes.
https://github.com/chanaiagwata/quote-app
angular-cli css html javascript typescript
Last synced: 5 days ago
JSON representation
This is a quote application made with Javascript, Typescript, HTML, CSS, and Angular. It allows the user to create a quote, upvote or downvote, and delete quotes.
- Host: GitHub
- URL: https://github.com/chanaiagwata/quote-app
- Owner: chanaiagwata
- License: mit
- Created: 2022-04-08T10:44:54.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-04-16T22:46:21.000Z (almost 3 years ago)
- Last Synced: 2024-11-19T08:14:54.480Z (2 months ago)
- Topics: angular-cli, css, html, javascript, typescript
- Language: TypeScript
- Homepage: https://chanaiagwata.github.io/Quote-App/
- Size: 623 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# QuoteApp
## By Chanai Agwata
### (MS School Project)
* [Overall Description](https://github.com/chanaiagwata/Quote-App/tree/master#overall-project-description)
* [Setup Instructions](https://github.com/chanaiagwata/Quote-App/tree/master#setup-instructions)
* [License](https://github.com/chanaiagwata/Quote-App/tree/master#license)
* [Author's Info](https://github.com/chanaiagwata/Quote-App/tree/master#authors-info)
## Overall Project Description
This is a an application that allows users to create quotes and have those quotes voted on whether they are terrible or are inspirational.
### User Stories
* The user can create a new quote.
* The user can upvote or downvote a quote.
* The user can delete a quote.
* The user sees the number of upvotes and number of downvotes for each quote.
### How it Works
* Load the application,
* On the text-area, create a quote,
* Enter your name,
* Enter the name of the author,
* Click the submit button to list the quote on the application.
* You can upvote or downvote other listed quotes depending on whether they inspire you or not.
* The once the show more details button is clicked, it gives the user a chance to see the name of the contributor and can also qelete it.
### Languages and Frameworks
* HTML
* CSS
* Javascript
* Bootstrap
* Angular
### Known Bugs
* The upvoting and downvoting does not work, however, it shows the number of upvotes and downvotes of the quotes listed on load.
### Contributions
* This project is open for improvement suggestions and interested parties can fork and pull request at any time.
## Setup Instructions
* copy the url on arrow down,
* Clone on your computer,
* Go live or start your server.
#### Note
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.3.1.
## Development server
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application 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.
## Running unit tests
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
## Running end-to-end tests
Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
## Further help
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
* Click this link for additional information https://docs.github.com/en/desktop/contributing-and-collaborating-using-github-desktop/adding-and-cloning-repositories/cloning-and-forking-repositories-from-github-desktop
### Live Site
Access it here https://chanaiagwata.github.io/Quote-App/
## License
[MIT LICENSE](LICENSE)
## Authors Info
Linkedin Profile - [Chanai Agwata](https://www.linkedin.com/in/chanai-agwata-90a345146/)
[Go Back to the top](#portfolio)