BlogHive

Write Your Stories, Publish Your Ideas, Interact with People, With Bloghive

🌟 Overview

📝 BlogHive – Your Ultimate Blogging Hub

Welcome to BlogHive, a sleek and intuitive platform where ideas come to life! 🚀 Whether you're a passionate writer, a tech enthusiast, or someone who loves sharing thoughts, BlogHive provides a seamless space to write, explore, and connect with like-minded readers.

With a clean black-and-white theme and an off-white background, BlogHive offers a distraction-free reading and writing experience. Discover engaging blogs, track your stats, and curate your own library—all in one place.

Start sharing your voice with the world, one blog at a time! 🖊✨

✨ Key Features

• 🔥 Seamless Writing Experience : A distraction-free editor with a clean and modern UI for effortless content creation.
• 🔍 Smart Search & Discovery : Quickly find blogs that match your interests with an intuitive search bar
• 📊 Personalized Stats Dashboard : Track your blog's performance, views, and engagement in one place.
• ❤️ Like & Engage : Bookmark your favorite blogs and build a personal reading list.
• 📚 Library for Saved Reads : Bookmark your favorite blogs and build a personal reading list.
• 🔔 Stay Updated with Notifications : Get real-time updates on interactions and responses to your blogs.
• ✍️ Write, Publish, and Share : Express your thoughts, publish your stories, and share them with the world.

🚀 Getting Started

Prerequisites

• Node.js 16+
• MongoDB Atlas account
• npm or yarn

Installation

1. Clone the repository

git clone git@github.com:believeharsh/BlogHive.git

2. Install dependencies

npm install

3. Set up environment variables

4. Start development servers

# Frontend
npm run dev

# Backend
npm run dev

🛠️ Technology Stack

Frontend

• React.js 18: React is a JavaScript library for building fast, interactive, and reusable user interfaces, primarily for single-page applications
• TailwindCSS: Utility-first CSS framework
• Framer Motion: Animation library

Backend

• Node.js: React is a JavaScript library for building fast, interactive, and reusable user interfaces, primarily for single-page applications
• Express: Web framework
• MongoDB: NoSQL database

📦 Project Structure

BlogHive/
├── Client/
│   ├── src/
│   │   ├── components/
│   │   │   ├── ...
│   │   ├── context/
│   │   │   ├── ...
│   │   ├── hooks/
│   │   │   ├── ...
│   │   ├── pages/
│   │   │   ├── ...
│   │   ├── utils/
│   │   │   ├── ...
│
├── Server/
│   ├── src/
│   │   ├── controllers/
│   │   │   ├── ...
│   │   ├── db/
│   │   │   ├── ...
│   │   ├── middleware/
│   │   │   ├── ...
│   │   ├── models/
│   │   │   ├── ...
│   │   ├── routes/
│   │   │   ├── ...
│   │   ├── services/
│   │   │   ├── ...
│   │
│   ├── app.js
│   ├── constants.js
│   ├── index.js
│
├── Public/
│   ├── assets/
│   │   ├── images/
│   │   │   ├── ...
│
├── README.md

📸 Screenshots

Built by Harsh Dahiya

Website · Report Bug · Request Feature