Giter Club home page Giter Club logo

musicbox's Introduction

Musicbox

Musicbox is a web application for listenting to music. It is developed in purpose of porting Spotify possibilities with some extra features into Russian market. Musicbox is totally free of use.

Getting Started

For getting started just follow installing instruction for tuning the environment and launching the server. Then simply got to http://127.0.0.1:3000 to get onto the site.

Prerequisites

Installing

Make sure you have prerequisites installed. Then execute the following instructions from the project folder. Replace calling sudo on windows machine with nothing using admin rights.

cd scripts
sudo python setup.py install
cd ../frontend
npm i
npm run build
cd ../backend
sbt compile

Now you are ready to launch the server and the client. To run the server call sbt run from the backend folder. To run the client call npm run dev to run the client in development mode or npm start to run in production.

Import data to your db

Read README.md in scripts folder for import script description. Call the script to fill your database with data.

Running the tests

To run tests from the project make calls from both backend (sbt test) and frontend (npm t) folders.

Built With

Contributing

Musicbox is open for pull requests from anyone.

Versioning

  • 0.0.1 Version

Authors

License

This project is licensed under the Apache License - see the LICENSE file for details

musicbox's People

Contributors

eakarpov avatar bobnobrain avatar iipocto avatar azarnovdaniil avatar

Watchers

James Cloos avatar  avatar  avatar  avatar

musicbox's Issues

MB-1

fix the Russian Internet

Client-side authorization

Develop a sign-up/sign-in forms send request to server, get token and save it in the application.

Recommended dependency: Redux-form

Server-side authentication

Create a login-password based authentication on the server side.

Authentication service should return a JWT token for getting authorized to other MusicBox services. The token should be renewed every time after being confirmed.

Add rematch

Connect application to rematch store. Configure basic variant of the application state to make it available for extension.

User account page

Create a presentational component of a user account page. Page should get data from the server via the store.

The page should contain:

  • Personal information about the user
  • Possibilities for changing personal information
  • Menu for linking to recommended songs, search, the songs you've liked etc (stubs).
  • The wrap of the account page is to be used on other pages should be taken out to the HOC

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.