Dev Blogging - Modern Markdown Blogging Platform

A high-performance blogging application built with React 18, Vite, and Firebase. This platform enables developers to write, publish, and manage blog posts using a powerful Markdown editor with real-time preview and optimized global state management.

🚀 Features

• Authentication: Secure user signup and login powered by Firebase Authentication.
• Markdown Editor: Integrated SimpleMDE editor for a seamless writing experience.
• Real-time Preview: Instant Markdown rendering using @tailwindcss/typography (prose).
• User Dashboard: A personal workspace to create, view, and delete your own stories.
• Optimized Caching: Global state managed by Zustand with smart fetching logic to minimize redundant database calls.
• Responsive Design: Clean, mobile-first UI built with Tailwind CSS and DaisyUI.
• Interactive Feedback: Real-time notifications via react-hot-toast for all user actions.

---

🛠️ Tech Stack

• Core: React.js (v18)
• Build Tool: Vite
• Language: TypeScript
• Styling: Tailwind CSS & DaisyUI
• Backend-as-a-Service: Firebase (Firestore & Auth)
• State Management: Zustand
• Forms: React Hook Form
• Markdown Rendering: React Markdown

---

📸 Screenshots

Explore Stories

---

Explore Blog Page

---

Markdown Writing

---

User Profile

---

⚙️ Installation & Setup

1. Clone the repository

   git clone https://github.com/your-actual-username/your-repo-name.git

2. Install dependencies

   npm install

3. Firebase Configuration

   • Create a project in the Firebase Console.
   • Enable Authentication (Email/Password method).
   • Create a Cloud Firestore database.
   • Update your configuration in src/config/firebase/firebaseconfig.ts.

4. Start the development server

   npm run dev

---

📁 Project Structure

• src/components: Reusable UI parts like Navbar, BlogCard, and ConfirmModal.
• src/pages: Main views including Home, Dashboard, SingleBlog, and Login.
• src/store: Zustand store implementation (useBlogStore) for global state.
• src/hooks: Custom hooks for useAuth and useBlogOperations.
• src/utils: Utility helpers for date formatting, notifications, and validation.
• src/constants: Application-wide strings and route definitions.

---