{"id":20911047,"url":"https://github.com/lren-chuv/portal-frontend","last_synced_at":"2026-04-20T20:02:22.754Z","repository":{"id":11385715,"uuid":"69507420","full_name":"LREN-CHUV/portal-frontend","owner":"LREN-CHUV","description":"Frontend for the MIP portal","archived":false,"fork":false,"pushed_at":"2024-09-11T06:44:16.000Z","size":31432,"stargazers_count":0,"open_issues_count":21,"forks_count":1,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-01-19T15:34:15.048Z","etag":null,"topics":["docker-image","server"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LREN-CHUV.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-09-28T22:03:24.000Z","updated_at":"2019-11-13T10:28:30.000Z","dependencies_parsed_at":"2024-07-13T06:21:16.576Z","dependency_job_id":"3fda0606-a345-460f-bcec-28bf61fc2588","html_url":"https://github.com/LREN-CHUV/portal-frontend","commit_stats":null,"previous_names":[],"tags_count":115,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LREN-CHUV%2Fportal-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LREN-CHUV%2Fportal-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LREN-CHUV%2Fportal-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LREN-CHUV%2Fportal-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LREN-CHUV","download_url":"https://codeload.github.com/LREN-CHUV/portal-frontend/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243301123,"owners_count":20269287,"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":["docker-image","server"],"created_at":"2024-11-18T14:19:03.795Z","updated_at":"2025-12-24T20:47:38.494Z","avatar_url":"https://github.com/LREN-CHUV.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![CHUV](https://img.shields.io/badge/HBP-AF4C64.svg)](https://www.humanbrainproject.eu) [![License](https://img.shields.io/badge/license-AGPL--3.0-blue.svg)](https://www.gnu.org/licenses/agpl-3.0.html) [![DockerHub](https://img.shields.io/badge/docker-hbpmip%2Fportal--frontend-008bb8.svg)](https://hub.docker.com/r/hbpmip/portal-frontend/) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/9143f566eca64ffbb06258c61fb64ea0)](https://www.codacy.com/app/hbp-mip/portal-frontend?utm_source=github.com\u0026utm_medium=referral\u0026utm_content=HBPMedical/portal-frontend\u0026utm_campaign=Badge_Grade) [![CircleCI](https://circleci.com/gh/HBPMedical/portal-frontend/tree/master.svg?style=svg)](https://circleci.com/gh/HBPMedical/portal-frontend/tree/master)\n\n# MIP portal frontend\n\n## Summary\n\nMIP Frontend is the web portal for the [Medical Informatics Platform for the Human Brain Project](https://hbpmedical.github.io/).\n\nThe portal runs on [React](https://reactjs.org), a JavaScript library for building user interfaces, and embed several libraries, among them are:\n\n- [TypeScript](https://www.typescriptlang.org), a typed superset of JavaScript\n- [D3.js](https://d3js.org) and [Highcharts](https://www.highcharts.com), visualizations and interactive charts libraries\n- [Bootstrap](https://getbootstrap.com/), a frontend component library\n- [Unstated](https://github.com/jamiebuilds/unstated), a state library\n\n## Development\n\nThis is a minimal setup to do frontend development in this project:\n\n### Run the Backend\n\n- Checkout the master branch of the [mip-deployment-infrastructure](https://github.com/HBPMedical/mip-deployment-infrastructure) project, and follow the setup instructions.\n- Create a new line in `/etc/hosts`, so the backend will be accessible through http://frontend/services\n  - `sudo sh -c 'echo 127.0.1.1 frontend \u003e\u003e /etc/hosts'`\n- Launch `./run.sh`. You will have the MIP frontend running on your computer at http://frontend\n\n### React\n\nThis project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).\n\nYou can find the most recent version of the Create React App guide [here](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md).\n\n- Install [nodejs](https://nodejs.org)\n- Install [yarn](https://yarnpkg.com/en/)\n- create a `.env` file\n  - `echo REACT_APP_BACKEND_URL = \\\"http://frontend\\\" | tee .env`\n- `yarn install`\n- `yarn watch`\n- Browse to [http://localhost:3000](http://localhost:3000)\n\n## Tests\n\n### Local\n\nYou can generate models and experiments by running the tests:\n\n- `yarn test`\n\n### Test live installations\n\nYou can use the mip-frontend test suite against any live installation, either locally\n\n```\necho REACT_APP_BACKEND_URL = \"https://qa.mip.chuv.ch\" | tee .env \u0026\u0026\necho REACT_APP_TOKEN = \"xxx\" | tee -a .env \u0026\u0026\necho REACT_APP_JSESSIONID = \"xxx\" | tee -a .env \u0026\u0026\necho REACT_APP_AUTHORIZATION = \"xxx\" | tee -a .env\nyarn test\n```\n\nor as a standalone docker\n\n```\ndocker build . -f Dockerfile-test -t hbpmip/portal-frontend-tests\n```\n\n```\ndocker run -it \\\n-e BACKEND_URL=\"https://qa.mip.chuv.ch\" \\\n-e TOKEN=\"c900a5c9-452e-4514-b8a8-c5dda02d03b6\" \\\n-e JSESSIONID=\"2B5967D0870A33E2A55F5C9B641518FB\" \\\n-e AUTHORIZATION=\"Basic c2dhMXJldmlld2VyczpIQlBzZ2Ex\" \\\n--rm hbpmip/portal-frontend-tests:latest\n```\n\nSamples tests queries\n\n```\nhbpmip/portal-frontend-tests test\n```\n\nTests run with Jest, see [the jest cli doc](https://jestjs.io/docs/en/cli) for more details\n\n## Build (produce a local docker container)\n\nRun: `./build.sh`\n\n## Publish on Docker Hub\n\nRun: `./publish.sh`\n\n## License\n\nCopyright © 2016-2019 LREN CHUV\n\nLicensed under the GNU Affero General Public License, Version 3.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at [https://www.gnu.org/licenses/agpl-3.0.html](https://www.gnu.org/licenses/agpl-3.0.html)\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n# Acknowledgements\n\nThis work has been funded by the European Union Seventh Framework Program (FP7/2007­2013) under grant agreement no. 604102 (HBP)\n\nThis work is part of SP8 of the Human Brain Project (SGA1).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flren-chuv%2Fportal-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flren-chuv%2Fportal-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flren-chuv%2Fportal-frontend/lists"}