Demo

Backend api

Main application

Overview

This application helps the user to Read,Create,Delete,Update the Blog post,The app uses django for the server side and React for the client side of the application.

Feautures:-

• Single Page App
• Create Post
• Read Post
• Update Post
• Delete Post

Anyone Can add post or delete post,The app doesn't contain any authentication,This is just a Simple blog,The main motive of this app is to learn how to call api's in react and manage the state of the application to update the view.

Please follow the setup instrutions as follow in order to view the complete app we need to setup our backend and frontend separately so be carefull otherwise there could be problems.

Backend-Setup

clone the repositroy:-

git clone https://github.com/vinitraj10/Django-React-Blog 

Create Virtual env for django-part:-

cd Django-React-Blog
virtualenv app

Activate Virtual env:-

app\scripts\activate

Install Dependencies:-

cd Backend
pip install -r requirements.txt

Make Migrations:-

./manage.py makemigrations
./manage.py migrate

Start server for your REST-API:-

./manage.py runserver

Frontend Setup:-

Go to root and Open another terminal window

cd Frontend

Install Dependencies:-

npm install

Run Server:-

npm run dev

So apparently to server is running one is localhost:8000(clientside react) and second is localhost:8080(django-api) So to see live application open http://localhost:8000 in your browser window