Skip to content

karl-knuttel/muso-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Muso

A simple music list and discussion app built with React-Redux and Firebase.

Still to do:

  • Add redux-persist so the single page album views are persisted across refresh.
  • Add user authentication so they can save their lists and delete comments that they added.
  • Build a better, more robust comments database object that is tied to album ID (album.code) instead of being embedded within the album object.
  • Design proper UI.
  • Add client side database management (CRUD) for site owner.
  • Build the database (add more album details such as tracklisting, song duraton, etc.)!

Nice to have (to be done after the above):

  • User editable album details.
  • Enable users to add albums themselves and have them sent for approval.
  • Have links to streaming services/embedded player.
  • Have notifier icon for new comments on an album the user has in their collection.
  • Improve commenting functionality, e.g. have nested replies, ability to quote, etc.

Useage

  • Run npm install.
  • Add the starter JSON file (albums.json) to the root of your Firebase database.
  • To use this app you will need to create a file in the src directory called 'base.js'. This will include your firebase credentials:
import * as firebase from "firebase";

var config = {
  apiKey: "YOURAPIKEY",
  authDomain: "your-database-name.firebaseapp.com",
  databaseURL: "https://your-database-name.firebaseio.com"
};

firebase.initializeApp(config);

const base = firebase.database();

export default base;
  • Profit!

Database

You can add your own album objects to your database manually (I will add client side ability in future). They must have:

  • artist: artist name
  • artwork: link to cover artwork
  • code: (a unique identifier - this will be done automatically on upload in future)
  • description: a short description of the album (or lipsum)
  • label: record label
  • tags: an array of tags
  • title: the album title
  • year: the year of release

comments are not necessary as they are automatically added.

About

A simple React-Redux-Firebase app that creates a list of users' music albums (WIP)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors