BlogVer2.0 - Your Personal Blogging Platform

BlogVer2.0 is a full-stack web application designed for individuals who want to share their thoughts, experiences, and creativity through blogging. The platform allows users to create, edit, and delete posts, manage comments, and interact with other users. It provides a user-friendly interface for readers and writers alike.

Table of Contents

1. Features
2. Technology Stack
3. Setup and Installation
4. Usage
5. Project Structure
6. Contributing

Features

User Authentication: Users can register, log in, and manage their profiles. Post Management: Create, edit, and delete blog posts easily. Comment System: Readers can leave comments on posts, fostering interaction. Responsive Design: The platform is designed to work seamlessly on both desktop and mobile devices. User Profiles: Each user has a profile page showcasing their posts and activities.

Technology Stack

Frontend: React.js Backend: Node.js, Express.js Database: MongoDB Styling: CSS, Bootstrap APIs: RESTful APIs for post and comment management

Setup and Installation

Clone the repository:

bash

git clone https://github.com/your-username/BlogVer2.0.git
cd BlogVer2.0

Install dependencies for both frontend and backend: bash

## Backend setup
cd backend
npm install

## Frontend setup
cd ../frontend
npm install

Environment Variables:

Create a .env file in the root of the backend folder and add: plaintext

MONGO_URI=<your_mongo_database_uri>
JWT_SECRET=<your_jwt_secret>

bash

# Backend
cd backend
npm start

# Frontend
cd ../frontend
npm start

Access the application at http://localhost:5173/.

Usage

Sign Up/Login: Register or log in to start blogging. Create Posts: Write and publish your blogs with ease. Comment on Posts: Engage with other users by leaving comments. Manage Your Profile: View and edit your profile information and posts.

Project Structure

BlogVer2.0/
├── backend/                # Backend source files
│   ├── config/             # Configuration files
│   ├── controllers/        # Route logic and control functions
│   ├── models/             # Mongoose models for MongoDB
│   ├── routes/             # Express routes
│   ├── utils/              # Utility functions
│   └── server.js           # Server entry point
├── frontend/               # Frontend source files
│   ├── public/             # Public files (index.html, etc.)
│   ├── src/                # React application source files
│   │   ├── components/     # React components
│   │   ├── pages/          # Application pages
│   │   ├── services/       # API service functions
│   │   └── App.js          # Main App component
├── README.md               # Project documentation
└── .env.example            # Example environment variables

Contributing

We welcome contributions from the community! Please feel free to submit issues and pull requests. For major changes, please discuss them in an issue first to ensure alignment with the project goals.