https://github.com/lukaszkolodziejski/xxxl_managing-global-servers-1

[ GIF ] My the Third Largest Project ( from React to Redux-Saga... ) // 08.2020
https://github.com/lukaszkolodziejski/xxxl_managing-global-servers-1

asynchronous axios css3 es6 gsap html5 javascript mvp react react-hooks redux-saga redux-thunk rest-api sass yield

Last synced: 8 months ago
JSON representation

[ GIF ] My the Third Largest Project ( from React to Redux-Saga... ) // 08.2020

• Host: GitHub
• URL: https://github.com/lukaszkolodziejski/xxxl_managing-global-servers-1
• Owner: LukaszKolodziejski
• Created: 2020-08-23T11:58:52.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-09-08T17:01:04.000Z (about 5 years ago)
• Last Synced: 2025-01-11T10:42:22.891Z (10 months ago)
• Topics: asynchronous, axios, css3, es6, gsap, html5, javascript, mvp, react, react-hooks, redux-saga, redux-thunk, rest-api, sass, yield
• Language: JavaScript
• Homepage:
• Size: 30.6 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
> ## XXXL_Managing-Global-Servers-1 ( from React to Redux-Thunk... ) // 08.2020

>

> #### I connected here a lot of technologies in one place:

>

> #### ... to show what I can create,

>

> #### in over #1500 lines of written code.

```js

JavaScript                 React.js                        Redux

Redux-Thunk                Redux-Saga                      Axios

React Hooks                React with GSAP                 ES6

SASS / SCSS                function* generator / yield

CSS Modules                asynchronous components         CSS3

HTML5                      REST API                        MVP

```

> # 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-1/blob/master/videoGIF/1-start-load-api.gif)](https://github.com/LukaszKolodziejski/managing-servers-1)

---

---

---

> ## 2. Pointer on one Server:

>

> [![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-1/blob/master/videoGIF/2-show-oneserver.gif)](https://github.com/LukaszKolodziejski/managing-servers-1)

---

---

---

> ## 3. Dropdown for different statuses:

>

> [![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-1/blob/master/videoGIF/3-dropdown.gif)](https://github.com/LukaszKolodziejski/managing-servers-1)

---

---

---

> ## 4. Animation -> "Turn Off":

>

> [![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-1/blob/master/videoGIF/4-turnoff.gif)](https://github.com/LukaszKolodziejski/managing-servers-1)

---

---

---

> ## 5. Animation -> "Turn On":

>

> [![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-1/blob/master/videoGIF/5-turnon.gif)](https://github.com/LukaszKolodziejski/managing-servers-1)

---

---

---

> ## 6. Animation -> "Rebooting":

>

> [![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-1/blob/master/videoGIF/6-rebooting.gif)](https://github.com/LukaszKolodziejski/managing-servers-1)

---

---

---

> ## 7. Fast changes statuses:

>

> [![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-1/blob/master/videoGIF/7-fast-changes.gif)](https://github.com/LukaszKolodziejski/managing-servers-1)

---

---

---

> ## 8. Search engine (appearance and operation):

>

> [![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-1/blob/master/videoGIF/8-search-look.gif)](https://github.com/LukaszKolodziejski/managing-servers-1)

---

---

---

> ## 9. Show the number of servers found:

>

> [![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-1/blob/master/videoGIF/9-search-number.gif)](https://github.com/LukaszKolodziejski/managing-servers-1)

---

---

---

> ## 10. Show only searched servers:

>

> [![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-1/blob/master/videoGIF/10-search-work.gif)](https://github.com/LukaszKolodziejski/managing-servers-1)

---

---

---

> ## 11. Change the status of the searched servers:

>

> [![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-1/blob/master/videoGIF/11-search-status.gif)](https://github.com/LukaszKolodziejski/managing-servers-1)

---

---

---

> ## 12. Cleaning the search engine:

>

> [![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-1/blob/master/videoGIF/12-search-clear.gif)](https://github.com/LukaszKolodziejski/managing-servers-1)

---

---

---

> ## 13. Responsive View from large Desktop to Mobile Version:

>

> [![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-1/blob/master/videoGIF/13-responsive-view.gif)](https://github.com/LukaszKolodziejski/managing-servers-1)

---

---

---

> ## 14. Fast summary all of Steps:

>

> [![Demo CountPages alpha](https://github.com/LukaszKolodziejski/managing-servers-1/blob/master/videoGIF/14-fast-summary.gif)](https://github.com/LukaszKolodziejski/managing-servers-1)

---

---

---

> > # Extra Bonus :fire:

### Please Check this Project and after then I welcome to my second Solution (XXXL_Managing-Global-Servers-2) to show more Advanced Technologies.

### But Now Really Check this Entire (XXXL_Managing-Global-Servers-1) to see later what's the Difference between both Projects.