Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/artinmohajeri/react-django-application


https://github.com/artinmohajeri/react-django-application

backend bootstrap bootstrap5 component css django django-application django-rest-framework fetch-api material-ui react react-components react-hooks react-router react-router-dom reactjs rest-api

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README

        

# Music Controller App
### I have used Reactjs and materialUI for the frontend and django and rest_framework for the api and backend
### This project is a practice and it may not be industry-standard.
![redLine](https://github.com/artinmohajeri/React-Django-application/assets/95845593/b6f8f056-0d63-49e6-b35e-4691ad1358ae)

# follow these comands to run the project πŸ‘‡

make a virtualenv πŸ‘‡
```
python -m venv venv
```

activate the virtualenvπŸ‘‡
```
venv\Scripts\activate
```

install django packages πŸ‘‡
```
pip install -r requirements.txt
```

do the migration part πŸ‘‡
```
python manage.py makemigrations
python manage.py migrate
```

run the django server πŸ‘‡
```
python manage.py runserver
```

move to the frontend directory πŸ‘‡
```
cd frontend
```

install react and related packages πŸ‘‡
```
npm i
```

compile the frontend and run πŸ‘‡
```
npm run build
```
or for development πŸ‘‡
```
npm run dev
```
![greenLine](https://github.com/artinmohajeri/React-Django-application/assets/95845593/8dbafe71-6899-47aa-b4af-8aac24068ba5)

![Screenshot (200)](https://github.com/artinmohajeri/React-Django-application/assets/95845593/f49b4c93-4099-455f-9551-09fc9c38073d)
![Screenshot (201)](https://github.com/artinmohajeri/React-Django-application/assets/95845593/8b2ca391-dea5-43d9-a762-94373b3aa92c)
![Screenshot (202)](https://github.com/artinmohajeri/React-Django-application/assets/95845593/476338e3-12da-4952-a8d5-16f23b5ee213)
![Screenshot (203)](https://github.com/artinmohajeri/React-Django-application/assets/95845593/3af46798-73eb-4218-9852-1a93c7c765ce)