Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /