Blog App (MERN + Django REST API) A full-stack blog application built with React (frontend) and Django REST Framework (backend). It allows users to view, search, and comment on blog posts with a responsive and intuitive UI.

📝 Table of Contents Features

Tech Stack

Installation & Setup

Project Structure

Usage

Contributing

License

🔍 Features View all blog posts with summaries

Search posts by ID

View detailed content along with comments

Fetch random content from an external API

Responsive design for both desktop and mobile

🖥️ Tech Stack Frontend: React, Axios, React Router

Backend: Django REST Framework

Styling: CSS, Responsive Layouts

Database: SQLite (or any database supported by Django)

⚙️ Installation & Setup Clone the repository from GitHub.

Set up the backend (Django REST API):

Create a virtual environment and activate it.

Install the required Python packages.

Apply database migrations and run the Django server.

Set up the frontend (React App):

Install the necessary Node.js packages.

Start the React development server.

Note: The frontend will run on http://localhost:3000 and the backend on http://localhost:8000 by default.

📁 Project Structure frontend/ - React application

src/ - Source code

components/ - Reusable UI components

pages/ - App pages (Home, Post Details)

styles/ - CSS styles

App.js - Main React component

index.js - App entry point

package.json - Frontend dependencies

backend/ - Django REST API

blog_api/ - Django app

manage.py - Django CLI utility

requirements.txt - Python dependencies

🚀 Usage Start the backend and frontend servers.

Visit http://localhost:3000 in your browser.

Explore blog posts, search by ID, and interact with comments.

🤝 Contributing We welcome contributions!

Fork the repository.

Create a new branch for your feature or fix.

Make your changes and commit them.

Push your changes and submit a pull request.