/co-lab

Primary LanguageTypeScript

co-lab

co-lab is an application that brings artists together to collaborate on artistic projects like 3D sculpting, musical expression, story writing, and visual art. It's an experience that is designed to be shared with friends and the community. What problem does this project solve?

Table of Contents

Getting Started

Run npm install to access these dependencies:

  • Express
  • TypeScript
  • React
  • Axios
  • Sequelize
  • Socket.io
  • PeerJS
  • PaperJS
  • ThreeJS
  • P5JS
  • React Pageflip
  • Auth0
  • Cloudinary

NodeJs

Node v.18.14.1

React

v.18.2

Database

PostgresQL

Styling

  • Bulma

  • CSS

  • Styled Components

Project Management

Trello

Auth0

Before integrating Auth0, make sure you have the following:

  • An Auth0 account
  • Grab credentials(domain and clientId)
  • Setup authorized URIs

Environmental Variables

  • PORT
  • DB_NAME
  • DB_USER
  • DB_PW
  • CLOUD_NAME
  • CLOUD_API_KEY
  • CLOUD_SECRET

Features

Collaborative Visual Art Experience:

Collaborative Music Experience:

Collaborative 3D Sculpting Experience:

Collaborative Story Writing Experience:

How To Collaborate

explanation of how to use PeerJS + other software like socket.io/ShareDB

Contributions

Collaborators:

  • Emmy Bishop
  • Marvas McCladdie
  • Bryan Burnside
  • Cynthia Harris

Instructors:

  • Caity Opelka
  • Peter Barnum
<style> .inline-list { list-style: none; padding: 0; margin: 0; } .inline-list li { display: inline-block; margin-right: 10px; } .inline-list li:before { content: "•"; margin-right: 5px; } </style>