faisalnazik/django-rest-framework-react.js-typescript

Django Site with REST framework React.JS

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