Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/artinmohajeri/react-django-application
- Owner: artinmohajeri
- Created: 2024-04-06T07:49:22.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-04-17T12:15:32.000Z (9 months ago)
- Last Synced: 2024-04-17T13:31:05.617Z (9 months ago)
- Topics: 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
- Language: JavaScript
- Homepage:
- Size: 569 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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)