Skip to content
This repository was archived by the owner on Jun 13, 2023. It is now read-only.

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

Repository files navigation

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

About

Django Site with REST framework React.JS

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •