📝 Mega Blog App (Appwrite + React)

A modern, full-stack blogging platform built with React, Redux Toolkit, Appwrite, and Tailwind CSS.
The application supports authentication, post creation, editing, deletion, rich text editing, comments, and user profiles, with a clean and responsive UI.

🚀 Live Demo: https://blogify-beta-jet.vercel.app
📦 Backend: Appwrite (Auth, Database, Storage)

---

✨ Features

• 🔐 User Authentication (Signup / Login / Logout)
• 🧑‍💻 Protected Routes with Auth Layout
• ✍️ Create, Edit, Delete Blog Posts
• 📰 View All Posts & Individual Post Pages
• 🧾 Rich Text Editor (TinyMCE)
• 💬 Comments System
• 🧠 Global State Management using Redux Toolkit
• 🧼 HTML Sanitization with DOMPurify
• 🎨 Responsive UI with Tailwind CSS
• ⚡ Fast build & deployment using Vite + Vercel

---

🛠 Tech Stack

Frontend

• React 19
• React Router DOM
• Redux Toolkit
• React Hook Form
• Tailwind CSS
• Framer Motion
• ShadCN UI
• Recharts

Backend / BaaS

• Appwrite
  • Authentication
  • Database
  • File Storage

Utilities

• TinyMCE (Rich Text Editor)
• DOMPurify (XSS Protection)
• HTML React Parser

---

---

🔐 Authentication Flow

• Appwrite handles secure authentication
• Redux stores user session globally
• AuthLayout protects private routes
• Logged-in users can create, edit, and delete posts

---

🖊 Rich Text Editor

• Integrated TinyMCE for writing blog content
• HTML content is sanitized using DOMPurify
• Safe rendering using html-react-parser

---

🌍 Deployment

• Frontend deployed on Vercel
• Environment variables securely managed
• Optimized build using Vite

---

⚙️ Environment Variables

Create a .env file and add:

VITE_APPWRITE_URL=your_appwrite_endpoint
VITE_APPWRITE_PROJECT_ID=your_project_id
VITE_APPWRITE_DATABASE_ID=your_database_id
VITE_APPWRITE_COLLECTION_ID=your_collection_id
VITE_APPWRITE_BUCKET_ID=your_bucket_id