{"id":24568858,"url":"https://github.com/aeon0/mlpipe-viewer","last_synced_at":"2025-03-17T05:27:37.746Z","repository":{"id":51402396,"uuid":"153912882","full_name":"aeon0/MLPipe-Viewer","owner":"aeon0","description":"ReactJS App for managing machine learning","archived":false,"fork":false,"pushed_at":"2023-04-29T16:40:14.000Z","size":2150,"stargazers_count":0,"open_issues_count":6,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-23T14:55:31.161Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aeon0.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-10-20T14:17:12.000Z","updated_at":"2021-10-28T05:45:25.000Z","dependencies_parsed_at":"2022-09-04T00:53:15.087Z","dependency_job_id":null,"html_url":"https://github.com/aeon0/MLPipe-Viewer","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeon0%2FMLPipe-Viewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeon0%2FMLPipe-Viewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeon0%2FMLPipe-Viewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeon0%2FMLPipe-Viewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aeon0","download_url":"https://codeload.github.com/aeon0/MLPipe-Viewer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243978826,"owners_count":20378107,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-01-23T14:55:35.134Z","updated_at":"2025-03-17T05:27:37.718Z","avatar_url":"https://github.com/aeon0.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"images/mlpipe_icon.png\" width=\"500\"\u003e\n\n# MLPipe Viewer\n\nReactJS frontend implementation for the [MLPipe-Manager](https://github.com/j-o-d-o/MLPipe-Manager) server API to manage your tensorflow models and training results. Features including: User Managment, start training on remote machine, manage trainings, visualize results.\n\n## Getting started\n\n#### Prerequisite\n- A working [MLPipe-Manager API](https://github.com/j-o-d-o/MLPipe-Manager)\n\n```bash\n# Clone the MLPipe-Viewer project from github\n\u003e\u003e git clone https://github.com/j-o-d-o/MLpipe-Viewer.git\n\u003e\u003e cd MLPipe-Viewer\n```\n\nEdit the file __src/config.js__ and adapt the the apiUrl with the endpoint for your MLPipe-Manager set up.\u003c/br\u003e\nPer default the app will run on Port 9000. Change the Port in __server.js__ as needed.\n\n```bash\n# Install dependencies \u0026 build \u0026 start\n\u003e\u003e npm install\n\u003e\u003e npm run build\n\u003e\u003e node server.js\n\n# or to start with pm2\npm2 start server.js --name MLPipe-Viewer\n```\n\n## The Looks\n\n#### Job Managment\n\u003ckbd\u003e\u003cimg src=\"images/job_managment.png\" /\u003e\u003c/kbd\u003e\n\n#### Training Info\n\u003ckbd\u003e\u003cimg src=\"images/training.png\" /\u003e\u003c/kbd\u003e\n\n## Serve via Nginx (optional)\nIn case you want to serve the GUI via Nginx follow these steps.\nPrequists: Nginx installed, Certbot installed, Domain registered\u003cbr\u003e\u003cbr\u003e\n- Navigate to `\u003e\u003e cd /etc/nginx/sites-available`\n- Create file `\u003e\u003e sudo nano my-domain.com` and use the settings below\n- Create symbolic link `\u003e\u003e sudo ln -s /etc/nginx/sites-available/my-domain.com /etc/nginx/sites-enabled/`\n- Restart Nginx `\u003e\u003e sudo service nginx restart`\n\n```\n# Nginx settings for my-domain.com\n\n# Redirect http to https\nserver {\n    listen 80;\n    listen [::]:80;\n    server_name my-domain.com;\n    return 301 https://my-domain.com$request_uri;\n}\n\n# Main config\nserver {\n    listen 443 ssl;\n\n    server_name my-domain.com;\n\n    location / {\n        proxy_pass http://localhost:9000;\n        proxy_http_version 1.1;\n        proxy_set_header Upgrade $http_upgrade;\n        proxy_set_header Connection 'upgrade';\n        proxy_set_header Host $host;\n        proxy_cache_bypass $http_upgrade;\n    }\n}\n```\n\nNext step is to create the certificate. You can either buy a https certificate or create one yourself with certbot by executing:\n`\u003e\u003e sudo certbot --nginx -d my-domain.com` and restart nginx again since certbot added the certificate location the the nginx config file.\u003c/br\u003e\nA good tutorial on how to setup certbot can be found [here](https://www.digitalocean.com/community/tutorials/how-to-secure-nginx-with-let-s-encrypt-on-ubuntu-16-04)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faeon0%2Fmlpipe-viewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faeon0%2Fmlpipe-viewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faeon0%2Fmlpipe-viewer/lists"}