https://github.com/andrewsy1004/project_post

This project is a blogging platform where users can create personal blog posts, update or delete their own posts, and comment on others' posts
https://github.com/andrewsy1004/project_post

cloudinary js mongodb nodejs reactjs socke

Last synced: about 2 months ago
JSON representation

This project is a blogging platform where users can create personal blog posts, update or delete their own posts, and comment on others' posts

• Host: GitHub
• URL: https://github.com/andrewsy1004/project_post
• Owner: Andrewsy1004
• Created: 2024-03-26T12:44:08.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-22T00:23:45.000Z (8 months ago)
• Last Synced: 2025-02-01T00:33:00.237Z (4 months ago)
• Topics: cloudinary, js, mongodb, nodejs, reactjs, socke
• Language: JavaScript
• Homepage:
• Size: 992 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 📝 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

![Home Page](/Frontend/img/Principal.png "Home Page View")

### Post Detail

![Post Detail](/Frontend/img/articulo.png "Post Detail View")

## 🏁 Getting Started

 

### Prerequisites

- Node.js

- npm or Yarn

### Installing

```bash

# 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