Blog Project Showcase

Welcome to my Blog Project! This project demonstrates my proficiency in both backend and frontend development by integrating Django and React. The project is designed to showcase a fully functional blog application, highlighting my skills in building and connecting web applications.

Project Overview

This project includes:

• Frontend: A dynamic, user-friendly blog interface built with React.
• Backend: A robust API for managing blog data, implemented with Django and Django REST Framework.

Features

Frontend

• React-Based User Interface: A modern, responsive UI built using React.
• Client-Side Routing: Smooth navigation with React Router.
• State Management: Efficient state handling using React hooks.
• API Integration: Fetching and displaying data from the Django backend API.

Backend

• Django Framework: A powerful and scalable backend developed with Django.
• RESTful API: CRUD operations for managing blog posts, comments, and categories using Django REST Framework.
• Database Models: Models for users, posts, categories, comments, and tags.
• User Authentication: Basic authentication for managing user access.

Getting Started

To get started with this project, you'll need to set up both the frontend and backend environments.

Frontend Setup

1. Clone the Repository:

   git clone https://github.com/yourusername/blog-project.git
   cd blog-project/frontend

2. Install Dependencies:

   npm install

3. Start the Development Server:

   npm start

   • The frontend will be available at http://localhost:3000.

Backend Setup

1. Navigate to the Backend Directory:

   cd blog-project/backend

2. Create a Virtual Environment:

   python -m venv venv
   source venv/bin/activate  # On Windows use `venv\Scripts\activate`

3. Install Dependencies:

   pip install -r requirements.txt

4. Run Migrations:

   python manage.py migrate

5. Start the Development Server:

   python manage.py runserver

   • The backend API will be available at http://localhost:8000/api/.

Usage

• Explore the Blog: Use the React frontend to view, create, and manage blog posts.
• API Endpoints: Access various endpoints for blog posts, comments, and user data through the Django REST API.

Technologies Used

• Frontend:

  • React
  • React Router
  • Axios (or Fetch API)

• Backend:

  • Django
  • Django REST Framework
  • PostgreSQL (or SQLite)

Contributing

Feel free to contribute to this project by submitting issues or pull requests. If you have suggestions for improvements or new features, I welcome your input!

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any inquiries, please reach out to me at androlepcha843@gmail.com.