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

Django Site with REST framework React.JS

Primary LanguageJavaScriptMIT LicenseMIT

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

screenshot

API ROOT TILL NOW

screenshot

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 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