CloudyDesk App - A web-based cloud desktop for users (In Progress)
See Demo
Logging into the demo site automatically as the user [email protected]
CloudyDesk App is in a progressive state. CloudyDesk is an app for the web. It’s a dynamic site with a database Postgres on board. The main goal of this website is to make a useful and friendly cloud like a desktop manager, which is a little bit similar to shell OS. So we plan to have our small functional embedded applications like a terminal app, draw app, text editor, photo viewer, media player, etc. It would be workable with simple functionality. CloudyDesk App is Open Source App. You can download the code and make your changes.
- An animated web view featuring a background with a space, ocean, moon, among themes, a taskbar, and app icons.
- An animated loader system bar that indicates the progress of space settings and messages.
- Full-window mode capability for the desktop, allowing you to maximize the desktop view and occupy the entire screen.
- Modal windows that can be triggered from taskbar icons, providing options to close, maximize, minimize, move, and resize windowed applications. You can also switch between active windowed apps with a single click, even when other windowed apps are open. Resizing can be done using the bottom-left icon.
- The app terminal allows you to input commands such as "help," "ls," "whoami," and "uname." Other commands are currently being developed.
- The app finder displays a list of files organized by directories, which are automatically added when creating a new account. It's possible to drag and drop files from desktop to directories to save on backend.
- The app settings provides to choose current thema from space, ocean, moon, among solar system themes. By default is space thema.
- The app editor provides a simple text editor interface without the option to save files.
- The app camera allows you to connect your webcam and view yourself.
- Context-menu functionality, left-clicking, including the ability to upload files to the server. The file can be saved based on the context of where you selected the menu - either in the finder or on the desktop. Other options in progress.
- Login and registration forms and functionality, including server calls and a widget panel displaying user information.
- Visual representation of file lists and the ability to upload files to storage for the current user by context-menu and selected folders in the sidebar of the finder.
- Double-clicking on file icons enables file downloading.
- Notifications have been implemented in the project.
- A loading spinner is activated to indicate ongoing processes.
- There is currently no demo available on the website https://cloudydesk.de.
- Logging into the demo website automatically as the user [email protected]
- After loading the Docker image to start, please follow the instructions below.
- If you have started the Docker image and the database is empty, create your own account and upload your files. The default file upload size limit is 10 MB.
- In the Docker image, the path 'upload-dir' is set by default. Please refer to the file 'server/src/main/resources/application.yml' to select your own directory to work locally, to which you have access.
- Our development uses reverse proxy server. In this file nginx.conf you can find example proxy settings. Front-end server starts on port 8081 and backend starts in port 3000.
- File Store uses by default
home:/user:/uploadsdirectories. Please make dir/uploadsin your /Home:/User: dir and change application.properties:40.
Here is a way to run the project locally:
# install docker and download image using command below
docker pull meugenom/cloudydesk:0.3.0
# see images
docker images
# run image with the folowing command
docker run -d --name cloudydesk-container -e POSTGRES_USER=cloudydesk -e POSTGRES_PASSWORD=password -p 5432:5432 -p 8080:8080 -p 8081:8081 cloudydesk:0.3.0
# see started containers
docker ps
# after wann container is launched, run the command to connect to the container
docker exec -it cloudydesk-container bin/bash
# in the opened console start each service one by one with the following commands:
nginx && start-frontend && start-backend
# you can see all started processes
htop
# and quit from the terminal of container
exit- Access the project in web browser at `http://localhost:8080`.
By default database is empty.
- Register new user by button bottom-right
- Upload file by right click on the screen->see menu->select Uploading File
- Download file from the screen -> double click on icon of downloaded file
How to remove docker build cache
docker builder pruneNeetCloud App was created with TypeScript, Angular, Ng Redux, Java, Spring Framework, and Postgres. Please see:
I'll be glad and pleased to listen to some critiques about the code or ideas. Helping is welcome.
- All icons uploaded from www.svgrepo.com and will be changed later in our versions.
- Space Background's Picture downloaded from Unsplash.com (Gary Scott).
- Theme 'Among' was injected from resource: @Mamboleoo - Louis Hoebregts, 'Moon' from resource: @aris_acoba - Aris Acoba, 'Solar System' from resource: @kowlor Malik Dellidj.
You could be here!
This project is open source and available under the MIT License.