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

• Urban Chameleon
  • Table of Contents
  • Overview
  • Functionalities
  • Installation Procedure
  • Components
  • Resium Component Details
  • ThemeSwitcher Component Details
  • Contribution
  • Licensing

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

2. 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

4. Construct the application:

   pnpm build

5. Activate the application:

   pnpm run dev

6. 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.