buckineer
0

Blogging Platform

screenshot of Blogging Platform

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

Github

Overview:

Django-React-Blog is a "Blogging Platform" that provides all the general features a blog should have. It is built using Django and Django Rest Framework for the backend, and ReactJS for the frontend.

Features:

  • Login/Registration: Users can create an account and log in to the blogging platform.
  • Minimal Design: The platform has a clean and simple design.
  • Create/Edit/Delete Your Posts: Users can create, edit, and delete their own blog posts.
  • User Profile: Users have a profile page where they can view and update their information.
  • Comment Enable On Post Using disqus: Users can comment on blog posts using the Disqus commenting system.
  • Comment Count On Post: The number of comments on each blog post is displayed.
  • Live Search Blog: Users can search for blogs in real-time.
  • Filter Blog By Author By Click on Author Name: Blogs can be filtered by author by clicking on their name.
  • Admin Panel: An admin panel is available for managing users, posts, comments, and newsletters.
  • Pagination on All blog list and Live search: Blog posts are paginated for easier navigation.
  • Create/View/Edit/Delete A User: Admins can create, view, edit, and delete user profiles.
  • View/Reply All Comments In The Blog: Admins can view and reply to all comments on the blog.
  • View/Edit/Delete All Newsletter In The Blog: Admins can view, edit, and delete newsletters.
  • View/Reply All Comments To A Specific Post: Admins can view and reply to comments on a specific blog post.
  • Publish/Unpublish A Post: Admins can publish or unpublish a blog post.

Backend Setup:

  1. Clone this repository: git clone https://github.com/dojutsu-user/Django-React-Blog.git
  2. Change the current directory to the backend folder: cd ./Django-React-Blog/backend/adminapi/
  3. Create a virtual 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 ./Django-React-Blog/frontend/blog_frontend/
  2. Install all frontend dependencies using npm: npm install
  3. Run the server: npm start

Summary:

Django-React-Blog is a blogging platform built using Django and ReactJS. It provides all the essential features of a blog, including user registration/login, the ability to create/edit/delete posts, user profiles, commenting functionality, live search, filtering, an admin panel for managing users and content, pagination, and more. The installation process involves setting up the backend and frontend separately. Overall, Django-React-Blog offers a comprehensive solution for creating and managing a blog.