Skip to content

A Full-Stack App that has a backend made completely with Python-Django and a GraphQL API built using Graphene. For the frontend the App uses React, React Hooks, MaterialUI, GraphQL, Apollo Client and Apollo Boost.

Notifications You must be signed in to change notification settings

SunnyAjimalJS/Music-App-Python-React-GraphQL

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ReactTracks - A Music Sharing App built using Python, React and GraphQL

A Full-Stack App that has a backend made completely with Python-Django and a GraphQL API built using Graphene. For the frontend the App uses React, React Hooks, MaterialUI, GraphQL, Apollo Client and Apollo Boost.

Here's a Video Demo of how the App works:

RECORDITGIF

Installation

1. Clone the Repository

  • Clone this repo to your local machine using https://github.com/SunnyAjimalJS/Music-App-Python-React-GraphQL.git

2. Install the required packages - you will also need Python installed on your machine

Copy and paste the below in to your command line

$ npm install 

3. Once this is complete, you are able to launch a shell/Virtual environment and then run the server:

To launch a shell/Virtual environment - Change Directory in to the app folder and run the below command:

  • Copy and paste the below in to your terminal/command line
$ py -m pipenv shell
  • Once this has launched a shell/Virtual enviroment, ensure you are in the app folder and run the below command:
$ python manage.py runserver

4. Once this is complete, open a new Terminal/CLI to and CD to react-frontend-client and you are now able to start the App:

To run the app locally on a local server (localhost:3000) and open in browser:

  • Copy and paste the below in to your terminal/command line
$ npm start  

5. Once this is complete, you will see Project is running at http://localhost:3000 and it should load automatically in your browser.

Thank you for visiting!

License

License

About

A Full-Stack App that has a backend made completely with Python-Django and a GraphQL API built using Graphene. For the frontend the App uses React, React Hooks, MaterialUI, GraphQL, Apollo Client and Apollo Boost.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published