📝 Blog Project

This project is a blogging platform where users can create personal blog posts, update or delete their own posts, and comment on others' posts. Users can also update or delete their own comments. The project is built with Node.js for the backend, React for the frontend, and utilizes Cloudinary for image storage, along with CSS and Bootstrap for styling.

🚀 Features

• User Authentication: Users can sign up, log in, and log out. 🔐
• Post Creation: Authenticated users can create posts with text content and images (stored in Cloudinary). ✍️📷
• Post Management: Users can update or delete their own posts. 🛠️🗑️
• Commenting: Users can comment on any post. They can also update or delete their own comments. 💬✏️🗑️
• Responsive Design: The UI is responsive, built with React, CSS, and Bootstrap. 📱💻🖥️

🛠 Technologies

• Backend: Node.js 🟢
• Frontend: React ⚛️
• Styling: CSS and Bootstrap 🎨
• Image Storage: Cloudinary 🌥️

📸 Screenshots

Here are some visual examples of our project in action:

Home Page

Post Detail

🏁 Getting Started

Prerequisites

• Node.js
• npm or Yarn

Installing

# Clone the repository
git clone https://github.com/Andrewsy1004/Project_Post.git

# Navigate to the backend directory and install npm packages
cd Project_Post/Backend
npm install

# Navigate to the frontend directory and install npm packages
cd ../Frontend
npm install

# Run the backend
cd ../Backend
npm start

# npm start

# Run the frontend
cd ../Frontend
npm run dev