Skip to content

Commit d0e2a43

Browse files
Remove rubric
1 parent 376f78a commit d0e2a43

1 file changed

Lines changed: 0 additions & 42 deletions

File tree

README.md

Lines changed: 0 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -20,45 +20,3 @@ Build a React App that displays different categories of current news.
2020
![what's new screenshot](./screenshots/whats-new.png)
2121

2222
We want to see good commit habits - atomic commits that log small, focused changesets.
23-
24-
### Iteration 0
25-
26-
Get set up (per the instructions above)!
27-
28-
We've provided a boilerplate for you to work with. Look through the file structure to get a sense of the app.
29-
30-
Notice that we have multiple stylesheets - one for each component. You are welcome to style this application however you'd like as long as it keeps the core functionality. We got you started with a little styling, but feel free to get creative. (Remember, though - most of your energy should be spent on learning React, not styling.)
31-
32-
### Iteration 1
33-
34-
Create a NewsContainer component, which will act as a container that renders each of our news articles. For now, the news articles being displayed will be "Local News". Figure out how to pass information from `App.js` to `NewsContainer.js`!
35-
36-
Then create a NewsArticle component. Each NewsArticle card will display: the image, the headline, the description, and the url (see the screenshot above for an idea).
37-
38-
In your NewsContainer component, create NewsArticle cards that have the information each needs to display properly.
39-
40-
**Test that your components are rendering correctly.**
41-
42-
### Iteration 2
43-
44-
Take a look at the `data` directory and inspect the other news data that is included. There is an `entertainment.js`, `health.js`, `science.js`, and `technology.js` file. Import the data and put it in `App's` state. Create a Menu component that has navigation to display the different news articles. When selecting a navigation link, it should display the relevant news articles in the NewsContainer component. How can you reuse components?
45-
46-
**Add/Update any tests necessary. Also add tests for mocking appropriate methods**
47-
48-
### Iteration 3 (extension - do not attempt until iterations 0 - 2 are completed)
49-
50-
Add in the functionality so that a user can search through the news articles. After a user has typed a search query, a user should either be able to press `Enter` or `Search` to filter out the correct news articles. The search functionality should only filter through the selected news articles.
51-
52-
**Add/Update any tests necessary. Remember to include tests for any appropriate new methods you have created**
53-
54-
### Iteration 4 (extension - do not attempt until iterations 0 - 3 are completed)
55-
56-
Instead of importing the news data from the data directory, use the [Fetch API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch) to get the data. Read this [article](https://www.robinwieruch.de/react-fetching-data) on where you should fetch your data in React.
57-
58-
Here is what the endpoint looks like to get the news data.
59-
60-
| Purpose | URL | Verb | Request Body | Sample Success Response |
61-
|----|----|----|----|----|
62-
| Get all news data | `https://whats-new-api.herokuapp.com/api/v1/news` | GET | none | `{"entertainment": [{}, {}, ...], "health": [{}, {}, ...], ...}` |
63-
64-
**Note: This will likely break some of your previous tests. No worries, we will discuss testing async functionality in a future lesson.**

0 commit comments

Comments
 (0)