Coder Social home page Coder Social logo

imvishvaraj / react-drf-boilerplate Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 2.0 361 KB

ReactJS + Django Rest Framework Boilerplate

Home Page: https://react-drf-ui.apps.vishvaraj.me/

Python 45.20% JavaScript 41.92% HTML 6.14% CSS 5.48% Procfile 0.07% Shell 1.20%
django django-rest-framework drf-jwt react-router-v6 reactjs

react-drf-boilerplate's Introduction

ReactJS + Django Rest Framework Boiler plate

This boiler plate is create to speed up creating new projects with frontend and backend separate. In the case you separate repositories for backend frontend respective directory code can be copied only

Deployment

Netlify Status

Docker Compose Commands

  • Build docker compose build
  • Run docker compose up
  • Run in background docker compose up -d

ToDo

  • Create Django Project
  • Add Django Rest Framework
  • Add JWT Authentication
  • Add user registration, login with email password
  • Added custom user model
  • Create ReactJS project with JavaScript
  • Add TailwindCSS
  • Add React Router
  • Add Login, Registration, User Detail, About Pages
  • Handle API calls with Authorization token
  • Add Navigation and Footer for all pages
  • Show error messages on Login, Registration Pages
  • Deploy Fronend
  • Deploy Backend
  • Remove unwanted packages from frontend, backend
  • Add .env file configuration
  • Update docker compose for environment variables
  • Add Github Actions to auto deploy

react-drf-boilerplate's People

Contributors

imvishvaraj avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.