Università La Sapienza Roma, Dipartimento di Informatica
federico-rosatelli
Mat
Loriv3
Samsey
Calli
This repository is part of MicroAlgae DB project, formed by various modules. Visit the homepage at link https://github.com/BITSapienza for a general guide and automatic installation through docker-compose.
Front-end for views and tables in web interface, coded in VueJS
The views present in the web application are:
-
HomeView
: The Home view is responsible for fetching and rendering dynamic markdown content, for display. -
TaxonomyView
: The Taxonomy view displays hierarchical taxonomy information, including scientific names and ranks, allowing users to navigate through the taxonomy tree and access detailed information for each taxon. -
SearchTableView
: The Taxon Search view allows users to search for taxonomy information based on scientific names or taxon IDs. It provides filters for products and locations, and displays search results in a table format with relevant details such as the number of nucleotides, proteins, and genomes associated with each taxon.
-
OrganismView
: This Vue code represents a component for displaying organism information, including proteins or nucleotides, with the ability to view detailed data and copy names to the clipboard. -
SRAView
: This Vue code represents a component for displaying genomic information, including the scientific name and the number of associated bio projects. It allows users to view detailed information about a specific genome and if present, the analysis.
Vue components coded for the project are:
-
BioProjComp
: This Vue component renders a hierarchical list of BioProjects, BioSamples, Experiments, and Runs. It displays information such as IDs and the number of associated items. It also includes a section containing the Volcano and Heat plots if the analysis was done. -
NucleotideComp
: This Vue component displays information related to a genetic sequence. It shows the source, locus, and comments of the sequence. It also display each feature key and its associated qualifiers. The component, if present, displays the qualifier name and value, and provides a link for the "product" qualifier.
To run the Vulgaris Platform you need to install all Javascript dependencies from package.json
file.
To do so you can run:
npm install
After installing the dependencies you can start the application via npm doing:
npm run dev
Vite will create a real time web-application in http://localhost:5173/
.
To install and run the application in production mode just run:
npm run build-prod