/blogspace-blogging

Leveraging Node.js Express and MongoDB for robust server-side operations, with React and Tailwind CSS powering the frontend for sleek and responsive user interfaces. Users enjoy comprehensive CRUD functionalities, enabling seamless addition, updating, and deletion of blogs, along with the ability to engage with comments and replies.

Primary LanguageJavaScript

Full Stack MERN Blogging website : React, Tailwind, MongoDB, Node, Express, AWS S3, Firebase.

Screenshot (284)

This is a repository for a Full Stack Mern Blogging website. Full Stack Blogging Web Application Leveraging Node.js Express and MongoDB for robust server-side operations, with React and Tailwind CSS powering the frontend for sleek and responsive user interfaces.

Users enjoy comprehensive CRUD functionalities, enabling seamless addition, updating, and deletion of blogs, along with the ability to engage with comments and replies. The frontend offers detailed blog views, inclusive of comment sections with support for replies, fostering interactive discussions.

Stay connected with notifications for likes and comments, facilitating enhanced user engagement. Advanced filtering and searching capabilities streamline content discovery, while trending blogs highlight popular content based on views.

User dashboards provide a personalized experience, showcasing uploaded blog details and engagement metrics such as likes, comments, and reads. EditorJS integration simplifies blog creation, while AWS S3 handles banner uploads for visually appealing content. Profile sections offer customization options, including profile photo uploads, social links, and password management. Firebase authentication enables secure Google sign-ins, while form validation using Formik and Yup ensures data integrity. Additional features include dark mode functionality, pagination for improved navigation, and related blog post recommendations for enriched content discovery.

Elevate your blogging experience with this feature-rich application, offering seamless content creation, engagement, and customization.

Cloning the repository

git clone https://github.com/raahulvinod/blogging.git

Install packages

npm i

Setup .env file

client

VITE_SERVER_DOMAIN=
VITE_FIREBASE_API_KEY=
VITE_FIREBASE_AUTH_DOMAIN=
VITE_FIREBASE_PROJECT_ID=
VITE_FIREBASE_STORAGE_BUCKET=
VITE_FIREBASE_MESSAGING_SENDER_ID=
VITE_FIREBASE_APP_ID=

server

PORT = 
MONGODB_URI = 
JWT_SECRET = 
AWS_S3_ACCESS_KEY_ID=
AWS_S3_SECRET_ACCESS_KEY=
AWS_S3_BUCKET_NAME=
AWS_S3_BUCKET_REGION=