cra-template-citydna

This is a create-react-app template for creating apps on the Melbourne CityDNA platform.

It comes pre-bundled with;

• Branded UI components (@citydna/common)
• Geospatial datavisualisation tools (@citydna/maps)
• Platform communication tools, for getting devices to talk to each other (@citydna/platform)
• Material UI, which our components are based on (@material-ui/core,@material-ui/icons,@material-ui/lab)
• react-map-gl and deck.gl for gorgeous mapbox datavisualisations

As well as a developer preview that splits your screen into a controller, touchscreen and projection map so you can rapidly develop your app without integrating into the platform.

To use this template, add --template citydna when creating a new app. Please prefix your app name with citydna-app- too.

For example:

yarn create react-app citydna-app-example --template citydna
cd dna-template && yarn start

# or

npx create-react-app citydna-app-example --template citydna
cd dna-template && npm run start

This will download the template, install dependencies and start the project. You'll be taken to the developer preview where you can begin creating your Melbourne CityDNA app.

For more information, please refer to:

• Getting Started – How to create a new create-react-app app.
• User Guide - How to develop apps bootstrapped with this template.

What is Melbourne CityDNA?

Melbourne CityDNA is a digital-physical platform at City of Melbourne used to engage citizens in the past, present and future of our great city. Connected devices can manipulate vivid data visualisations projected onto a four meter square 3D printed model of the city. The platform is extensible via apps that can tap into the tools and communication bridges, allowing an unlimited use of the technology, devices and spaces available.

Read more