XXXL_Global-News-1 ( from React to Redux-Thunk... ) // 07.2020

I connected here a lot of technologies in one place:

... to show what I can create.

JavaScript                      React.js                      Redux
Redux-Thunk                     Redux-Saga                    React Router
Axios                           SASS / SCSS                   CSS Modules
CSS3                            function* generator / yield   HTML5                                
Babel                           asynchronous components       REST API      
Prop Types                      ES6                           BEM
MVP

How it work ? (11 Steps)

I want to show the most important details and possibilities of my application here :) (only 2 min)

---

1. Start page & Load API:

---

---

---

2. Show more articles after click the button:

---

---

---

3. The Filter "Topic" >> Tech, Sports, Travel, Politics <<

Click 2 times to reset this filter

---

---

---

4. The Filter "Time": >> This month, This week, Today <<

Click 2 times to reset this filter

---

---

---

5. The Filter "Sort By":>> Popularity, Publication Date <<

Click 2 times to reset this filter

---

---

---

6. Clear all of filters:

---

---

---

7. Click and Show this full Article:

---

---

---

8. Return to main page:

---

---

---

9. Responsive View from large Desktop to Mobile Version:

---

---

---

10. Fast summary all of Steps:

---

---

---

11. Scheme of Project

---

---

---

---

Extra Bonus 🔥

Please Check this Project and after then I welcome to my second Solution (XXXL_Global-News-2) to show more Advanced Technologies.

But Now Really Check this Entire (XXXL_Global-News-1) to see later what's the Difference between both Projects.

---

---

---

How to use the downloaded files

1) Run "npm install" in the extracted folder

2) Run "npm start" to view the project

Compare my code to yours to solve issues you might encounter. You may also copy the content of src/ into your own project's src/ folder to use your project setup (which might've been created with a different create-react-app version) and still use my code.