Git Product home page Git Product logo

co-lab-backend's Introduction

Co-Lab

Date: 5/4/2022

By: Frank Marra


Description:

How many unfinished songs do you have? The answer is always too many. Co-Lab is here to help. Upload your unfinished tracks with a description, genre, descriptive metadata, and what the song needs. Other Co-Lab users who are looking to collaborate can find your tracks by genre, metadata, and/or needs. If they like what they hear, they can send you a message asking to collaborate.


Technologies Used:

  • React
  • CSS
  • JavaScript
  • express
  • sequelize
  • Postgres
  • ReactPlayer
  • ReactRouter
  • JWT Auth

Getting Started:

Welcome to the Co-Lab!

image

When you first arrive at the Co-lab, there are a few things you can do. If you aren't sure if you want to create an account, feel free to look around. There are four random Co-lab users displayed, and you can listen to one of their songs, or click on their cards to go to their user page. You can also click on the explore link to go to the search page. From there, you can search by any of the filters or by the name of a track. A list of songs matching your query will be displayed and you can listen, or click on the creator's name to go to their page.

image

If you decide to create an account, click on the "Sign up" button and follow the on-screen instructions.

image

You will then be directed to your user page. Here you can update your user information to include a user picture, banner, and/or spotify playlist of some of your completed tracks that will be displayed on your public page. You can also write a small bio to share a bit about yourself.

image

You also now have the ability to collaborate with other users. Now their tracks will have a little email icon that you can click on. This will bring up a pre-filled email form that you can add to and send to the other user. Just make sure they have your Co-lab ID.

image

Likewise, you will also start getting emails of other users wanting to collaborate with you! If you decide to collaborate, go back to your user page, click on create Co-lab, and follow the instructions. It's that simple. Now you will have a new option allowing you to view your Co-labs. Click on it, and it will display them all!

That's all for now. Expect more features to be added in the future. Have fun, and let us know when you create the next #1 hit!


Future Updates:

  • Implement essentiaJS to analyze your tracks and instantly give tempo, key, and metadata.

  • Oauth integration, so you know your data is safe.

  • And More!


Credits:

co-lab-backend's People

Contributors

frankmarra avatar

Watchers

 avatar

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.