Musicfy ⚡️

Introduction 🔈

It`s an app to share audio between users. Organize all your soundfiles via Musicfy. This project was bootstrapped with Create React App and Django.

Features ⚡️

⚡️ Modern UI Design
⚡️ Styled with Material-Ui
⚡️ Fully Responsive
⚡️ Valid HTML5 & CSS3
⚡️ Created with React + Apollo
⚡️ GraphQl backend
⚡️ Cloudinary api
⚡️ Well organized documentation

Browser Support 🎉

Chrome ✔	Opera ✔	Edge ✔	Firefox ✔	Safari ✔

Getting Started 🚀

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites 📋

You'll need Git and Node.js (which comes with NPM) installed on your computer for frontend.

node@v10.16.0 or higher
npm@6.9.0 or higher
git@2.17.1 or higher

Also, you can use Yarn instead of NPM ☝️

yarn@v1.21.1 or higher

---

Django and Python 3 for backend.

Python@v3 or higher
pip@19 or higher
Django@3 or higher

How To Use 🔧

From your command line, first clone Musicfy app ⚡️:

# Clone this repository
$ git clone https://github.com/Res01uti0n/Musicfy

# Go into the repository
$ cd Musicfy

# Remove current origin repository
$ git remote remove origin

Then you can install the dependencies either using NPM/Yarn and Pip:

Using NPM:

#In client dir

# Install dependencies
$ npm install

# Start development server
$ npm start

Using Yarn:

# Install dependencies
$ yarn install

# Start development server
$ yarn start

Using Pip:

#In backend dir

# Install dependencies
$ (your virtlenv) pip install -r requirements.txt

# Start development server
$ (your virtlenv) py manage.py runserver

and type in browser http://localhost:3000

Technologies used 🛠️

Code technologies I got involved with while working on this project.

Backend side 💽

1. Django
2. SQLite
3. Graphene
4. Django GraphQL JWT

Frontend side 💻

1. Material-ui
2. Apollo Boost
3. Axios
4. Data-fns
5. React
6. React-player
7. React-router

Cloud 📦

Cloudinary

License 📄

This project is licensed under the MIT License - see the LICENSE.md file for details