Code Monkey home page Code Monkey logo

exhibition's Introduction

Interactive VR exhibition about women in computer science

A room with 3 portraits of computer scientists

The project

This is the development repository of the virtual reality exhibition about women and non-binary people in computer science. The project was initiated by students of the HTW Berlin.

During a practical course the student built the first version of the exhibition. The code of the first version is here: https://github.com/adas-salon

The name: wit-exhibition

The name "wit-exhibition" was the first working title. The students later decided for the name "Ada's Salon".

Technologies

The exhibition was build with A-Frame combined with aframe-react and Redux. The assets e.g. pictures, audio files etc. are hosted on the A-Frame CDN.

Devices

This VR experience works best in Chrome on modern Android devices (e.g. Samsung S8/S9, Pixel). On older devices you may experience problems such as slow frame rates, long loading times or no display of any content. The experience should work in Firefox but note that audio loading time is much longer! (Up to several minutes.)

Sound is not working on iPhone. Bug fixing contributions welcome.

Contributions

The project is now ready to accept contributions. Head over to the issues to see what you can contribute.

How to get started

First clone the repository and cd into it.

Before instalation

You need to have Node.js installed. You will also need npm. When you install node.js, npm is automatically installed.

Installation

If you have npm you can start installing all required packages.

npm install

To start the app you type the following command.

npm start

Then you can access the app in the browser with localhost:3000.

Deployment

The exhibition is deployed to GitHub pages. With the the following command you can build a static JS bundle and deploy it to GitHub pages:

npm run deploy

It gets deployed to https://wit-exhibition.github.io/exhibition/

exhibition's People

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.