Skip to content

A modern React + Vite + Tailwind CSS frontend for BlogApp, featuring authentication, rich text blogging, comments, and dashboards for users and admins.

Notifications You must be signed in to change notification settings

Ui-Adiii/Frontend-Blog

Repository files navigation

🖥️ BlogApp Frontend (React + Vite)

This is the frontend of the BlogApp built with React.js, Vite, Tailwind CSS, and Redux Toolkit.
It provides a modern blogging UI with authentication, a rich text editor, user dashboards, and an admin panel.


🚀 Features

  • 🔐 User Authentication (JWT + Firebase OAuth)
  • 📝 Create, edit, delete blog posts with rich text editor & image uploads
  • 🏷️ Search, filter, and tag-based post browsing
  • 💬 Add, edit, delete comments with real-time updates
  • 🧑‍💼 User Dashboard to manage posts & comments
  • 🛠️ Admin Dashboard to manage users, posts, and comments
  • 🎨 Styled with Tailwind CSS + Flowbite

📸 Screenshots

🏠 Home Page

Home

📝 Post Details

Post

💬 Comments Section

Comments

🧑‍💼 Admin Dashboard

Admin Dashboard


🧰 Tech Stack

  • React.js + Vite
  • Tailwind CSS + Flowbite
  • React Router DOM
  • Redux Toolkit + Redux Persist
  • Axios + React Toastify
  • Firebase (OAuth)

⚙️ Installation Guide

✅ Prerequisites

  • Node.js (v14 or later)
  • npm or yarn

🔧 Setup Instructions

# Go inside frontend folder
cd Frontend

# Install dependencies
npm install

# Create .env file and add:
VITE_API_URL=http://localhost:5000/api

# Configure Firebase OAuth
# Add Firebase credentials inside `Frontend/firebase.js`

# Run development server
npm run dev

About

A modern React + Vite + Tailwind CSS frontend for BlogApp, featuring authentication, rich text blogging, comments, and dashboards for users and admins.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published