{"id":19612143,"url":"https://github.com/fnndsc/chris_store_ui","last_synced_at":"2025-04-27T22:34:01.899Z","repository":{"id":37749592,"uuid":"140324813","full_name":"FNNDSC/ChRIS_store_ui","owner":"FNNDSC","description":"UI for the ChRIS Store","archived":false,"fork":false,"pushed_at":"2023-01-06T01:42:45.000Z","size":6351,"stargazers_count":49,"open_issues_count":70,"forks_count":49,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-04-05T04:31:51.800Z","etag":null,"topics":["chris-store","css3","hacktoberfest","html5","javascript","medical","patternfly","reactjs","spa","typescript"],"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/FNNDSC.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-07-09T18:14:00.000Z","updated_at":"2023-04-11T15:23:32.000Z","dependencies_parsed_at":"2023-02-05T02:00:43.343Z","dependency_job_id":null,"html_url":"https://github.com/FNNDSC/ChRIS_store_ui","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FNNDSC%2FChRIS_store_ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FNNDSC%2FChRIS_store_ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FNNDSC%2FChRIS_store_ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FNNDSC%2FChRIS_store_ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FNNDSC","download_url":"https://codeload.github.com/FNNDSC/ChRIS_store_ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251219600,"owners_count":21554444,"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":["chris-store","css3","hacktoberfest","html5","javascript","medical","patternfly","reactjs","spa","typescript"],"created_at":"2024-11-11T10:46:09.577Z","updated_at":"2025-04-27T22:33:56.890Z","avatar_url":"https://github.com/FNNDSC.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ![ChRIS logo](https://github.com/FNNDSC/ChRIS_ultron_backEnd/blob/master/docs/assets/logo_chris.png) ChRIS_store_ui\n\nUI for the ChRIS Store.\n\n![Homepage](../assets/home.png?raw=true)\n\n[![MIT License][license-badge]](LICENSE)\n![Last Commit][last-commit-badge]\n[![Stars][stars-badge]][repo-link]\n[![Forks][forks-badge]][repo-link]\n\n## Quickstart\n\nFirst, get the [ChRIS store backend](https://github.com/FNNDSC/ChRIS_store)\nrunning. Assuming the backend is on `http://localhost:8010/api/v1/`:\n\n```shell\ndocker run --rm -d --name chris_store_ui -p 3000:3000 -e REACT_APP_STORE_URL=http://localhost:8010/api/v1/ fnndsc/chris_store_ui:latest\n```\n\n## Preconditions\n\n### Install latest Docker. Currently tested platforms:\n* ``Ubuntu 16.04+``\n* ``MAC OS X 10.11+``\n* ``Fedora 31+`` ([Additional instructions for Fedora](https://github.com/mairin/ChRIS_store/wiki/Getting-the-ChRIS-Store-to-work-on-Fedora))\n\n### Optionally get the backend services up so you can fully test the UI against actual data\n* Install latest ``Docker Compose``\n* On a Linux machine make sure to add your computer user to the ``docker`` group\n\nThen open a terminal and fire the backend services up:\n```bash\n$ git clone https://github.com/FNNDSC/ChRIS_store.git\n$ cd ChRIS_store\n$ ./make.sh up\n```\n\nYou can later remove all the backend containers and release storage volumes with:\n```bash\n$ cd ChRIS_store\n$ ./make.sh down\n```\n\n\n## Start UI development server\n\n### Using ``node`` and ``yarn`` package manager directly on the metal\n\nOpen a new terminal and type:\n```bash\n$ git clone https://github.com/FNNDSC/ChRIS_store_ui.git\n$ cd ChRIS_store_ui\n$ yarn install\n$ yarn start\n```\n\n### Using `docker`\nOpen a new terminal and type:\n```bash\n$ git clone https://github.com/FNNDSC/ChRIS_store_ui.git\n$ cd ChRIS_store_ui\n$ docker run --rm -it -v \"$(pwd):/home/localuser\" -p 3000:3000 -u $(id -u):$(id -g) --name chris_store_ui fnndsc/chris_store_ui:dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\n#### Precommit\n\nBefore each commit, a precommit script is run automatically to ensure all tests pass and all JavaScript code follows the [Airbnb style guide][airbnb-style].\n\nPlease note that if you are using the ``docker`` commands then you need to run git inside the container. For instance open a new terminal and type:\n```bash\n$ docker exec -it chris_store_ui git status\n```\n\n## Notes:\n1. Add .env.local, .env.local, .env.development.local, .env.test.local, .env.production.local file at root to change any local settings\n\n\n## Additional Notes from Create React App:\nThis project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n\n## Run the interactive tests\n\n### Using ``node`` and ``yarn`` package manager directly on the metal\n\nOpen a new terminal and type:\n```bash\n$ yarn test\n```\n\n### Using `docker`\n\nOpen a new terminal and type:\n```bash\n$ docker exec -it chris_store_ui yarn test\n```\n\nLaunches the test runner in the interactive watch mode.\u003cbr\u003e\n\nSee the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.\n\n\n## Build the ChRIS Store UI app for production\n\n```bash\n$ cd ChRIS_store_ui\n$ docker build -t local/chris_store_ui .\n```\nIt correctly bundles React in production mode and optimizes the build for the best performance.\nThe build is minified and the filenames include the hashes.\u003cbr\u003e\nYour app is ready to be deployed!\n\n\n## Deploy and serve the ChRIS Store UI app\n\n```bash\n$ docker run --name chris_store_ui -p \u003cdesired port\u003e:3000 -d local/chris_store_ui\n```\n\n\n## Development and deployment of the ChRIS Store UI directly on the metal\n\nConsult the Wiki [here](https://github.com/FNNDSC/ChRIS_store_ui/wiki).\n\n\n## Learn More\n\nInterested in contributing? https://chrisproject.org/join-us\n\nYou can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).\n\nTo learn React, check out the [React documentation](https://reactjs.org/).\n\n[repo-link]: https://github.com/FNNDSC/ChRIS_store_ui\n[airbnb-style]: https://github.com/airbnb/javascript\n[license-badge]: https://img.shields.io/github/license/fnndsc/chris_store_ui.svg\n[stars-badge]: https://img.shields.io/github/stars/fnndsc/chris_store_ui.svg?style=social\u0026label=Stars\n[last-commit-badge]: https://img.shields.io/github/last-commit/fnndsc/chris_store_ui.svg\n[forks-badge]: https://img.shields.io/github/forks/fnndsc/chris_store_ui.svg?style=social\u0026label=Fork\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffnndsc%2Fchris_store_ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffnndsc%2Fchris_store_ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffnndsc%2Fchris_store_ui/lists"}