This My PC

ThisMyPC provides a neat web interface that can be used for browsing your desktop drives from any device in your browser itself. With the help of NodeJs, the file details are displayed in JSON format that can then be easily displayed in web browsers.

The source code is open so that you can download the source code and set it up with ease if you would like to have your own exclusive environment.

App Screenshots

Desktop App Login	Desktop App Open	Web App computer hard drives	Web App computer hard drives Open

Folder Structure

.
├── .github/ISSUE_TEMPLATE
├── doc                          # All Api doc and gif files
├── thisMyPCApp                  # Electron JS app folder
├── thisMyPCServer               # Node JS MongoDB and Express JS server folder
├── thisMyPCWeb                  # Angular website folder
├── .gitignore
├── .gitlab-ci.yml
├── CODE_OF_CONDUCT.md
├── LICENSE
└── README.md

What (This my pc) ?

The concept behind thismypc app was to transfer your computer folder and file information through a nodeJS server to the web end as JSON data.

Why (This my pc) ?

• The app's responsive web interface helps you to browse file in any resolution device.
• You can use source code for your own projects.
• It works well in low bandwidth environments.

How to (Wiki) ?

All usage instruction and information update on Github Wiki.

Developing

Platforms

Built With

• Node JS
• GraphQL
• Express JS
• Socket IO
• Angular
• Electron JS
• Mongodb
• React Native

Clone Project

git clone https://github.com/supunlakmal/thismypc.git

This Command will copy a full project to your local environment

Angular Project

Setting up Angular Project

    cd thisMyPCWeb
    npm i

cd thisMyPCWeb Move into angular Project Folder npm i install all dependency.

Run Angular Project

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Electron Project

Setting up Electron Project

cd thisMyPCApp
npm i

cd thisMyPCWeb Move into Electron Project Folder npm i install all dependency.

Run Electron Project

Run npm run start start electron app in debug mode

Node Server

Setting up Node Server

cd thisMyPCServer
npm i

cd thisMyPCServer Move into Node Project Folder npm i install all dependency.

Run Node Project

Run npm node index.js to start node server

Graphql

REST API

API Reference

• PC - Personal Computer
• thismypc.com:5000 - This is Thismypc web site API url. You can use your own localhost server link instead default Link.
• ":userID" - User ID
• ":computerKey" - Computer Key

Web API

Web socket IO

App API

App socket IO

Database

MongoDB use as Database.

Licensing

The MIT License 2019 Supun Lakmal