chiMera Project

• A creativity app for mixing and matching various media onto a canvas so you can share with friends and the world! Search in-app for popular media sources to find the perfect addition for your canvas or custom link/upload your own and put it on display in the gallery for others to like and discuss.

Final Product

Front Page

Comments (real-time)

User View of Original Layout

Creating Unique Layout with Media

Entering Edit Area and Image Search

Media Resizing

User Media Upload to Cloud

Saved Work

General Features

• Create unique layout with media
• Search for media
• Add music via Spotify
• Compatible with multiple live videos on one canvas
• Edit: user can rearrange as they see fit and update
• Delete: user can delete their work
• Save
• Viewable exactly how user originally laid out media
• User can upload personal media to cloud and use media mulitiple times
• User can comment and recieve reply from other users in real-time

Setup

Create .env

cp .env.example .env

npm install

Dependencies

• ReactJS
• Bootstrap 4.5.2
• Firebase
• Material UI
• Axios
• Node SASS
• jQuery
• dotenv
• Ruby Rails 6 (if running database API in lieu of Firebase)

Required API's

• Azure (image search)
• Google (video search)
• Spotify (audio)

Created in Collaboration with:

• Chris