https://github.com/emilyjspencer/guardian-news-angular
Re-creating Guardian News React: https://github.com/emilyjspencer/Guardian-News-React but using Angular
https://github.com/emilyjspencer/guardian-news-angular
angular api
Last synced: 2 months ago
JSON representation
Re-creating Guardian News React: https://github.com/emilyjspencer/Guardian-News-React but using Angular
- Host: GitHub
- URL: https://github.com/emilyjspencer/guardian-news-angular
- Owner: emilyjspencer
- Created: 2022-08-13T21:11:04.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2023-05-10T10:33:59.000Z (about 3 years ago)
- Last Synced: 2025-06-17T03:42:32.702Z (about 1 year ago)
- Topics: angular, api
- Language: TypeScript
- Homepage: https://dapper-distribution.surge.sh/
- Size: 3.56 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Guardian-News-Angular
Re-creating Guardian News React: https://github.com/emilyjspencer/Guardian-News-React but using Angular
# Guardiannewsangular
# Guardian News
For our Week 7 weekend challenge at Makers Academy, we were asked to create a single page application, using vanilla JavaScript, the Guardian API and our own testing frameworks.
I re-created this application using React. I then re-created it using Angular.
The ten most recent news stories are pulled in from the Guardian API as links and rendered on the page, with their title and date of publication.
These links are clickable. Clicking on them takes the user to the new story on the Guardian's website.
### How to run:
* Clone this repository:
```html
git clone https://github.com/emilyjspencer/Guardian-News-Angular.git
```
* Navigate into the repository:
```html
cd Guardian-News-Angular
```
* Enter the following into the command line to install the dependencies:
```html
npm install
```
* Enter the following to start the application, which will open automatically in the browser at localhost:4200:
```html
ng serve
```
Navigate to localhost:4200
### Built with:
* Angular
* TypeScript
* SCSS
* Guardian API
* Angular HTTPClient
### What it looks like:
# Improvements
* Use graphQL
* Fetch and display news by 'area'
* Make responsive
# Deployment
Deployed with Surge: https://dapper-distribution.surge.sh/