https://github.com/0372hoanghoccode/blog-app

A full-stack blogging application built with the MERN stack , featuring user authentication, CRUD operations, and modern UI components , deploy on Render .
https://github.com/0372hoanghoccode/blog-app

claudinary dayjs express firebase-auth framermotion i18n jwt mongodb node react redux shadcn tailwindcss

Last synced: 4 months ago
JSON representation

A full-stack blogging application built with the MERN stack , featuring user authentication, CRUD operations, and modern UI components , deploy on Render .

• Host: GitHub
• URL: https://github.com/0372hoanghoccode/blog-app
• Owner: 0372hoanghoccode
• Created: 2024-12-18T16:36:40.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-17T15:05:27.000Z (over 1 year ago)
• Last Synced: 2025-04-01T12:11:09.608Z (about 1 year ago)
• Topics: claudinary, dayjs, express, firebase-auth, framermotion, i18n, jwt, mongodb, node, react, redux, shadcn, tailwindcss
• Language: JavaScript
• Homepage: https://blog-app-2gwk.onrender.com
• Size: 2.06 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

A full-stack blogging application built with the MERN stack (MongoDB, Express, React, Node.js), featuring user authentication, CRUD operations, and modern UI components.

## ✨ Features

- **User Authentication**: JWT-based signup/login + Google OAuth

- **Content Management**:

  - Create/Edit/Delete blog posts

  - Category system with CRUD operations

  - Rich text editor support (React Quill)

- **Social Features**:

  - Nested comments with replies

  - Comment liking/disliking

- **Admin Controls**:

  - User management (view/update/delete users)

  - Role-based access control

- **Modern UI**:

  - Responsive design with Tailwind CSS

  - Animated components (Framer Motion)

  - Radix UI primitives for accessibility

## 🛠 Tech Stack

**Backend**

![Node.js](https://img.shields.io/badge/Node.js-20%2B-green)

![Express](https://img.shields.io/badge/Express-4.21-blue)

![MongoDB](https://img.shields.io/badge/MongoDB-8.9-green)

![Cloudinary](https://img.shields.io/badge/Cloudinary-2.5-blueviolet)

**Frontend**

![React](https://img.shields.io/badge/React-18.3-blue)

![Redux](https://img.shields.io/badge/Redux_Toolkit-2.5-purple)

![Tailwind](https://img.shields.io/badge/Tailwind_CSS-3.4-06B6D4)

![ShadCN](https://img.shields.io/badge/ShadCN-Components-orange)

![Framer_Motion](https://img.shields.io/badge/Framer_Motion-11.17.0-FF007F)

**Auth**

![JWT](https://img.shields.io/badge/JWT-9.0-orange)

![Google_OAuth](https://img.shields.io/badge/Google_OAuth-2.0-blue)

![alt text](z6323805495407_00c58682ceb8292525a40a00fbabc484.jpg)

![alt text](z6323806319939_8281e51e5a88bcee02642aa731d4cdfb.jpg)

![alt text](z6323807042424_6278e2fe46f5e2f254f1bd940006c7aa.jpg)

![alt text](z6323807912810_ab655b0ffe4c358f5d989342e252ed1e.jpg)

![alt text](z6323808631624_97ce95184ceb61b861aa1ebe9ecbfa95.jpg)

![alt text](z6323809145206_0752b114b51be6dc6ea983885f44cf1d.jpg)