Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/emilyjspencer/guardian-news-react

📰 http://wicked-expert.surge.sh
https://github.com/emilyjspencer/guardian-news-react

api guardian-api react

Last synced: 9 days ago
JSON representation

📰 http://wicked-expert.surge.sh

Host: GitHub
URL: https://github.com/emilyjspencer/guardian-news-react
Owner: emilyjspencer
Created: 2020-07-07T01:06:20.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2023-05-09T14:02:02.000Z (over 1 year ago)
Last Synced: 2023-05-09T15:27:24.293Z (over 1 year ago)
Topics: api, guardian-api, react
Language: JavaScript
Homepage: http://wicked-expert.surge.sh
Size: 7.34 MB
Stars: 0
Watchers: 0
Forks: 0
Open Issues: 19
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Guardian News

# Update 2023 - CORS issue.
I'm looking into this problem

**Guardian News** is deployed with **Surge** at: [this link](http://wicked-expert.surge.sh)!

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 have re-created this application using React.

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-React.git
```

* Navigate into the repository:
```html
cd Guardian-News-React
```

* 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:3000:
```html
npm start
```

### Built with:

* React
* CSS

### What it looks like:

![guardianbanner](main2.png)
![guardiannews](links.png)

### Deployed with Surge at: [this link](http://wicked-expert.surge.sh)!