Skip to content

Latest commit

 

History

History
55 lines (32 loc) · 2.12 KB

README.md

File metadata and controls

55 lines (32 loc) · 2.12 KB

GeoNetwork UI

GeoNetwork UI is a client application to browse your GeoNetwork catalogue.

Getting started

Install first GeoNetwork 4 from source or using docker.

Run npm install to fetch all dependencies of the project.

Run npm run start to start the full search app in a dev server, available at http://localhost:4200/.

The contributing guide explains the structure of the project and how to work with it.

If you would like to contribute code, please follow our style guide.

Storybook is a tool for exploring individual features of the application in an interactive way. You can start it with npm run storybook.

More information

The GeoNetwork UI project is built using Angular 10 and is composed of:

  • libraries containing components and services
  • applications using said components
  • web components using also said components

Project structure

libs/search: Smart search-related components

These components are communicating with each other using a NgRx store. They rely on presentation components and hold very little presentation information.

libs/ui: Presentation components

Presentation components are styled using TailwindCSS utilities. Many colors are using CSS variables, meaning they can be changed at runtime. A custom configuration for TailwindCSS has been created to provide this feature.

libs/common: Shared library

Holds shared models, fixtures and utility services.

libs/gn-api: Geonetwork API Client

Library generated dynamically from the GeoNetwork 4 API description. Use npm run generate-api to re-generate.

webcomponents: Embeddable webcomponents

See the specific README file.

To document