Skip to content

UrbanChameleon.eu is an online platform to disseminate contemporary graffiti found along Vienna's Danube channel (Austria). Built with TypeScript, Next.js, and Cesium Technology, the platform relies on OpenAtlas and its CIDOC CRM ontology to provide a user-friendly interface for visualising, exploring and searching graffiti and their metadata.

GraffitiProjectINDIGO/UrbanChameleon

Repository files navigation

Urban Chameleon

Welcome to the repository of Urban Chameleon, an online platform conceptualised for the analysis and visualisation of graffiti and the graffiti-scape at the Donaukanal in Vienna, Austria. This endeavour is a constituent of the broader initiative, Project INDIGO.

Table of Contents

Overview

The Urban Chameleon platform affords users a distinctive perspective on the graffiti in Vienna's Donaukanal. Constructed utilising Next.js and TypeScript and integrated with the Resium library, the platform offers a sophisticated user experience. For a comprehensive exploration and further details, kindly visit our official website urbanchameleon.eu.

Functionalities

  • Interactive Graffiti Viewer: Delve into the graffiti-scape of Donaukanal with our viewer, underpinned by Resium.
  • Dynamic Theme Switcher: Personalise your visual experience with our toggle feature, facilitating both light and dark mode.
  • Adaptive Design: Conceived for an array of devices, both desktop and mobile.

Installation Procedure

  1. Duplicate the repository:
git clone https://github.com/GraffitiProjectINDIGO/onlineplatform.git
  1. Navigate to the project directory:
cd onlineplatform

3.1 Install the requisite dependencies using pnpm:

pnpm install

3.2 Alternatively, should you prefer utilising yarn:

yarn install
  1. Construct the application:
pnpm build
  1. Activate the application:
pnpm run dev
  1. Utilisation:

Access the application via http://localhost:3000 in your web browser.

Components

  • Resium: An interactive viewer purposed for the display of graffiti data.
  • ThemeSwitcher: A toggle mechanism for the alteration of the application's theme between light and dark modes.

Resium Component Details

  • Exhibits graffiti located at the Donaukanal in Vienna.
  • Employs the resium library, a React wrapper for the cesium library. View Code

ThemeSwitcher Component Details

  • Offers a toggle mechanism for theme personalisation.
  • Employs the next-themes library for theme management. View Code

Contribution

Contributions are heartily welcomed. Should you wish to contribute, kindly adhere to our contribution guidelines.

Licensing

Content on this website is licensed under CC BY-SA 4.0.

About

UrbanChameleon.eu is an online platform to disseminate contemporary graffiti found along Vienna's Danube channel (Austria). Built with TypeScript, Next.js, and Cesium Technology, the platform relies on OpenAtlas and its CIDOC CRM ontology to provide a user-friendly interface for visualising, exploring and searching graffiti and their metadata.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published