Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lukaszkolodziejski/xxxl_global-news-1
[ GIF ] My the Second Largest Project ( from React to Redux-Saga... ) // 07.2020
https://github.com/lukaszkolodziejski/xxxl_global-news-1
asynchronous-components axios bem cssmodules es6 html5 mvp prop-types react react-router redux redux-thunk rest-api scss
Last synced: about 1 month ago
JSON representation
[ GIF ] My the Second Largest Project ( from React to Redux-Saga... ) // 07.2020
- Host: GitHub
- URL: https://github.com/lukaszkolodziejski/xxxl_global-news-1
- Owner: LukaszKolodziejski
- Created: 2020-07-08T12:34:42.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-01-06T06:47:43.000Z (almost 4 years ago)
- Last Synced: 2024-10-01T03:07:28.709Z (about 2 months ago)
- Topics: asynchronous-components, axios, bem, cssmodules, es6, html5, mvp, prop-types, react, react-router, redux, redux-thunk, rest-api, scss
- Language: JavaScript
- Homepage:
- Size: 491 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
> ## 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.
```js
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:
[](https://github.com/LukaszKolodziejski/AppUnite-1)
---
---
---
> ## 2. Show more articles after click the button:
[](https://github.com/LukaszKolodziejski/AppUnite-1)
---
---
---
> ## 3. The Filter "Topic" >> Tech, Sports, Travel, Politics <<
>> #### Click 2 times to reset this filter
[](https://github.com/LukaszKolodziejski/AppUnite-1)
---
---
---
> ## 4. The Filter "Time": >> This month, This week, Today <<
>> #### Click 2 times to reset this filter
[](https://github.com/LukaszKolodziejski/AppUnite-1)
---
---
---
> ## 5. The Filter "Sort By":>> Popularity, Publication Date <<
>> #### Click 2 times to reset this filter
[](https://github.com/LukaszKolodziejski/AppUnite-1)
---
---
---
> ## 6. Clear all of filters:
[](https://github.com/LukaszKolodziejski/AppUnite-1)
---
---
---
> ## 7. Click and Show this full Article:
[](https://github.com/LukaszKolodziejski/AppUnite-1)
---
---
---
> ## 8. Return to main page:
[](https://github.com/LukaszKolodziejski/AppUnite-1)
---
---
---
> ## 9. Responsive View from large Desktop to Mobile Version:
[](https://github.com/LukaszKolodziejski/AppUnite-1)
---
---
---
> ## 10. Fast summary all of Steps:
[](https://github.com/LukaszKolodziejski/AppUnite-1)
---
---
---
> > # 11. Scheme of Project
[](https://github.com/LukaszKolodziejski/AppUnite-1)
---
---
---
---
>> # Extra Bonus :fire:
### 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.