Django-REST-framwork-React.JS

Django Site with REST framwork React.JS and Typescript

What this project will do ?

This project manages all data through django-admin / Django REST Framework including User Authentication / Registration through API to Frontend React App with Typescript Templates, mainly for a movie Streaming Site.

Status - Incomplete (But you can still run backend by installing the requirements/local.txt , then migrate the db and just load on localhost:8000/api/)

Frontend App Layout till now

API ROOT TILL NOW

http://localhost:8000/api/avatars/
http://localhost:8000/api/categories/
http://localhost:8000/api/videos/
http://localhost:8000/api/playlists/
http://localhost:8000/api/playlist-items/
http://localhost:8000/api/related/

To browse API documentation http://localhost:8000/docs/
For User Registration http://localhost:8000/auth/registration/
For User Detail http://localhost:8000/auth/user/

To check and run homepage with react app loaded following steps to be followed

// Inside the frontend django app folder run following command

$ npm install $ npm run dev

//this will compile all the react app into single index.html which is plugged in config.urls with frontend.views

then ..

in the backend root run following command $ python manage.py runserver and load this on http://localhost:8000/

I am building this application using .....

Frontend

React with functional components and hooks
Redux Toolkit
Components & styling with Material-UI and Emotion

Backend

Django REST framework for a powerful API
Django ORM for interacting with the database
PostgreSQL
Unit tests with Pytest

Features built so far.

Functional User Auth Backend with Django Rest Framework in accounts app using Allauth and PostgreSQL.
Fully Functional UI For User Registration and Authentication With React.(Coming Soon)
Front End App Layout Integrated with API
Plugged frontend django app Integrated with manually created React App to run Django and React on the Same Port http://localhost:8000/
...
...

If you need any Help raise the issue and I will respond soon. If you wanna collaborate.You're welcome.

⭐️ Support

Give a ⭐️ if this project helped you!

License

The MIT License

License

faisalnazik/Django-REST-framework-React.JS-Typescript

ErrorLooks like something went wrong!

About

Topics

Resources

License

Code of conduct

Security policy

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Uh oh!

Contributors 2

Languages

Error
Looks like something went wrong!

Packages