Skip to content

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

Notifications You must be signed in to change notification settings

LukaszKolodziejski/XXXL_Managing-Global-Servers-1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

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




2. Pointer on one Server:

Demo CountPages alpha




3. Dropdown for different statuses:

Demo CountPages alpha




4. Animation -> "Turn Off":

Demo CountPages alpha




5. Animation -> "Turn On":

Demo CountPages alpha




6. Animation -> "Rebooting":

Demo CountPages alpha




7. Fast changes statuses:

Demo CountPages alpha




8. Search engine (appearance and operation):

Demo CountPages alpha




9. Show the number of servers found:

Demo CountPages alpha




10. Show only searched servers:

Demo CountPages alpha




11. Change the status of the searched servers:

Demo CountPages alpha




12. Cleaning the search engine:

Demo CountPages alpha




13. Responsive View from large Desktop to Mobile Version:

Demo CountPages alpha




14. Fast summary all of Steps:

Demo CountPages alpha




Extra Bonus 🔥

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.