Personal Web Desktop

This is a personal web desktop with 3 pre-defined modules. Feel free to add your own modules or delete them.

Installation

First of all, make sure node.js and npm is installed on your system.

Follow these instructions step by step to run this app:

1. Open command line and go to your directory where you want to install this app.
2. In that directory, write mkdir pwd then write cd pwd
3. Clone this repo in pwd directory and navigate into the root directory of this repo which is Personal-Web-Desktop
4. npm install
5. npm start
6. Open your browser and go to this address http://localhost:4000

Info about this application

In this web application you can drag and drop opened applications which will demonstrate JS drag and drop without using any JQuery library and this can be challenging. You can also open the memory game that I have developed, this is also done without using any library. I did not use library to prove my own skill in JS, which it was more challenging. With using library everythin will become simple and easy to implement. The other module have access to some simple CSS hex values which will be changed and stored in the browser history. So, if users wants to have a same color everytime, they just need to change it in that module.

You have three modules in the taskbar.See below image:

Memory Game

Memory Game Size Can Be Changed

Memory games are difficult to solve for some users, so I have implemented a function that can give users flexibility experience. They can customize the size of the game from my Style Controller module.

They Open In A Nice Order On Top Of Each Other And Can be Selected With Click

They will be bounced if they exceed a limit.