Skip to content

overture-stack/stage

Repository files navigation

Stage - UI

arranger-logo

Stage is a React-based user interface designed to prop up browser-accessible data portals. Although Stage can be used for any web application, it is designed to integrate with Overture's Ego and Arranger microservices.

Stage is a Next.js project bootstrapped with create-next-app.

For more information about Stage, including setup and how to integrate Overture microservices Arranger and Ego, see our official Stage user documentation


Stage is part of the Overture research software ecosystem. See our related products for more information on how Overture is helping organize data and enable discovery.


Features

  • URL parameterization support
  • Extensible layout, with primary and secondary menus
  • Reusable UI components
  • Theme customization

Getting Started

  1. Install the dependencies
  npm ci
  1. Run the development server
  npm run dev

Once running, Stage is available from your http://localhost:3000

You can edit the UI by modifying pages/index.js. The UI will auto-update as you edit.

Note: This app was tested using Node v16+. We recommend using this version if you encounter any issues.

Troubleshooting Note:

Stage requires NPM v^8.3.0, to ensure all dependencies get installed correctly

# If you need to update your NPM version first, use the following command:
  npm i -g npm

Learn More

To learn more about Next.js, take a look at the following resources:

Support & Contributions

Related Products

Overture overview

Overture is an ecosystem of research software tools, each with narrow responsibilities, designed to reduce redundant programming efforts and enable developers and data scientists to build reliable systems that organize and share big data.

See the links below for additional information on our other research software tools:


Software Description
Ego An authorization and user management service
Ego UI A UI for managing Ego authentication and authorization services
Score Transfer data to and from any cloud-based storage system
Song Catalog and manage metadata associated to file data spread across cloud storage systems
Maestro Organizing your distributed data into a centralized Elasticsearch index
Arranger A search API with reusable UI components that build into configurable and functional data portals
Stage A simple web browser UI that integrates Ego and Arranger

Acknowledgements

Overture is supported by grant #U24CA253529 from the National Cancer Institute at the US National Institutes of Health, and additional funding from Genome Canada, the Canada Foundation for Innovation, the Canadian Institutes of Health Research, Canarie, and the Ontario Institute for Cancer Research.