fionawhittington / collaboratebycode

Collaborate by Code is a web application that enables users to contribute code via social media or a quiz to produce objects on a shared canvas. Each object is unique to the user’s affiliation with Red Hat to create a visualization that reflects diversity of individuals within the Red Hat community.

Collaborate By Code

Collaborate by Code is an open source web application that enables users to contribute code via social media or a quiz to produce objects on a shared canvas. Each object is unique to the user’s affiliation with Red Hat to create a visualization that reflects the diversity of individuals within the Red Hat community.

No previous coding experience is necessary to contribute. From designers to writers, we welcome individuals with a variety of skill sets and backgrounds to contribute to this project. So, what are you waiting for? Fork our repo and get hacking!

Deploying the application locally

1. Clone the repo: https://github.com/fionawhittington/collaboratebycode.git
2. Create a mongo database called collaboratebycode
3. Launch App: node server.js

Building and Sharing ColLab Image

1. Building ColLab Docker Image

$ docker build -t collab .

2. Tagging collab image and pushing to Docker

$ docker tag collab <DOCKER_HUB_USERNAME>/collab
$ docker push <DOCKER_HUB_USERNAME>/collab

Deploying with Docker

1. Deploy MongoDB container

$ docker run -p 27017:27017 --network net --rm --name mongo mongo

2. Deploy the ColLab app

$ docker run -it -p 8080:8080 -e MONGO_USERNAME=admin -e MONGO_PASSWORD=secret -e MONGO_IP=mongo --rm --name collab --network net collab

Deploying the Application on Openshift

1. Create a OpenShift Project

$ oc new-project <PROJECT_NAME>

2. Create a MongoDB Container in the Project

$ oc new-app centos/mongodb-26-centos7 -e MONGODB_USER=<USERNAME> -e MONGODB_DATABASE=collaboratebycode -e MONGODB_PASSWORD=<PASSWORD> -e MONGODB_ADMIN_PASSWORD=<ADMIN_PASSWORD>

3. Identify Mongo Service Internal IP

$ oc get svc

4. Create a Collab Container in the Project

$ oc new-app agreene/collab -e MONGO_USERNAME=<USERNAME> -e MONGO_PASSWORD=<PASSWORD> -e MONGO_IP=<CLUSTER_IP_FROM_PREVIOUS_STEP>

5. Create a Route for the Collab Deployment

$ oc expose svc/collab

collaboratebycode's Issues

Show Selected Answers on Final Quiz Page

Looking for someone to help me figure out how to display the answers from the quiz on the final submission page. Specifically, it should display the code that is generating the object on the shared canvas. For reference and more information, please see the pdf mockup in the repository.

Set Uploaded Image as Texture for Objects (two.js)

Looking for someone to help me set the users image as the texture of the object that will be added to the collaborative canvas. So far, I've been able to create two features: one that allows users to upload an image and one that sets a preset image as a texture. I'm looking for guidance as to how to connect the two features. Thanks! Please don't hesitate to let me know if you have any questions.

_site directory contains a duplicate of the source code

:)