XXXL_Managing-Global-Servers-2 ( from React to Redux-Saga... ) // 08.2020
This work the same like XXXL_Managing-Global-Servers-1, but more Modern and with New Other Technologies:
I connected here a lot of technologies in one place:
... to show what I can create,
JavaScript React.js Redux
Redux-Thunk Redux-Saga Axios
React Hooks React with GSAP ES6
SASS / SCSS function* generator / yield PropTypes
CSS Modules asynchronous components CSS3
HTML5 REST API MVP
Enzyme React.memo() React-Redux Hooks
How it works ? (14 Steps)
I want to show the most important details and possibilities of my application here :) (only 2 min)
1. Start page & load API.
![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-2/raw/master/videoGIF/1-start-load-api.gif)
2. Pointer on one Server:
![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-2/raw/master/videoGIF/2-show-oneserver.gif)
3. Dropdown for different statuses:
![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-2/raw/master/videoGIF/3-dropdown.gif)
4. Animation -> "Turn Off":
![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-2/raw/master/videoGIF/4-turnoff.gif)
5. Animation -> "Turn On":
![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-2/raw/master/videoGIF/5-turnon.gif)
6. Animation -> "Rebooting":
![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-2/raw/master/videoGIF/6-rebooting.gif)
7. Fast changes statuses:
![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-2/raw/master/videoGIF/7-fast-changes.gif)
8. Search engine (appearance and operation):
![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-2/raw/master/videoGIF/8-search-look.gif)
9. Show the number of servers found:
![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-2/raw/master/videoGIF/9-search-number.gif)
10. Show only searched servers:
![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-2/raw/master/videoGIF/10-search-work.gif)
11. Change the status of the searched servers:
![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-2/raw/master/videoGIF/11-search-status.gif)
12. Cleaning the search engine:
![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-2/raw/master/videoGIF/12-search-clear.gif)
13. Responsive View from large Desktop to Mobile Version:
![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-2/raw/master/videoGIF/13-responsive-view.gif)
14. Fast summary all of Steps:
![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-2/raw/master/videoGIF/14-fast-summary.gif)