Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/buckineer/blogging-platform

The backend is completely build on Django using Django Rest Framework, while the frontend is completed using ReactJS.
https://github.com/buckineer/blogging-platform

api dashboard django html5 javascript react-router reactjs

Last synced: 11 days ago
JSON representation

The backend is completely build on Django using Django Rest Framework, while the frontend is completed using ReactJS.

Awesome Lists containing this project

README 

        
# Django-React-Blog



This is a "Blogging Platform" which gives all general features a blog should have.



The backend is completely build on Django using Django Rest Framework, while the frontend is completed using ReactJS.



# Demo



**FrontEnd** :[https://simpleisbetter.herokuapp.com/](https://simpleisbetter.herokuapp.com/) 



**BackEnd** :[https://softbike.herokuapp.com/](https://softbike.herokuapp.com/)



### Features



- Login/Registration

- Minimal Design

- Create/Edit/Delete Your Posts

- User Profile

- Comment Enable On Post Using disqus

- Comment Count On Post

- Live Search Blog 

- Filter Blog By Author By Click on Author Name

-

- Admin Panel

  - Create/View/Edit/Delete A User

  - Pagination on All blog list and Live search 

  - Create/View/Edit/Delete A Post By Any User

  - View/Reply All Comments In The Blog

  - View/Edit/Delete All Newsletter In The Blog

  - View/Reply All Comments To A Specific Post

  - Publish/Unpublish A Post



## Backend Setup



1. Clone this repository: `git clone https://github.com/buckineer/Blogging-Platform.git`.

2. Change the current directory to `backend` folder: `cd ./Blogging-Platform/backend/adminapi/`.

3. Create a virutal environment and install all backend dependencies with pipenv: `pipenv install`.

4. Start the virtual environment: `pipenv shell`.

5. Change the working directory to `adminapi` which contains the `manage.py` file: `cd ./adminapi`.

6. Run `python manage.py makemigrations`.

7. Run `python manage.py migrate`.

8. Create a superuser: `python manage.py createsuperuser`

9. Run the server: `python manage.py runserver`.



## Frontend Setup



1. Navigate the current working directory to `landing`: `cd ./Blogging-Platform/frontend/blog_frontend/`.

2. Install the all frontend dependencies using npm: `npm install`.

3. Run the server: `npm start`.



### Creating The First Post



1. Make sure that both Backend and Frontend Servers are running.

2. Open your browser and navigate to [localhost:3000](localhost:3000).

3. Go To [http://localhost:3000/login/](http://localhost:3000/login/).

4. Go To Signup page if you are not registered [http://localhost:3000/signup/](http://localhost:3000/signup/).

5. Login with the superuser credentials created while setting up the Backend (Step: 8)

6. Navigate To _Dashboard -> Your all New Post_ ([http://localhost:3000/user/dashboard/create-new-post](http://localhost:3000/user/dashboard/)).

7. Navigate To _Dashboard -> create New Post_ ([http://localhost:3000/user/addblog/](http://localhost:3000/user/addblog/)).

8. Fill the form to create a new post and then Submit it.

9. The submitted post will not appear on the homescreen unless and until the admin approves it.

10. To approve the post, go to _Dashboard -> Admin Panel -> View All Posts_ and then click on _Edit_ Button.

11. Check the checkbox labelled _Verified_ and then submit.

12. After the post gets published, it will be displayed on the homepage of the blog ([localhost:3000](localhost:3000)).

13. Note: _Once the post gets published, the user can only edit the post from the Dashboard, however, the admin still can edit/delete the post from the Admin Panel_



## Backend API Documentation



API Documentation is generated using the default tool provided by Django Rest Framework.



### View The API documentation



1. Make sure that the Backend Server is running.