Fullstack Blog Application MERN Stack

Product Information

$97.20
cart Add to cart favorites Add to favorites
User Guide Screenshots Live Preview Video

inspectedProduct inspected by PieceX

Developer

avatar
Codewave Asante
×

Negotiate Price

Request Code Sample Direct message

Jan 31, 2024

Public chat

Product Details


## Overview


This full-stack blog application is built using the MERN stack (MongoDB, Express, React, Node.js). The state management is handled using Zustand instead of Redux. Users can enjoy features like post categorization, pagination, commenting, and a dual Dark & Light theme UI. Admins have access to additional functionalities in the Admin Dashboard, including analytics on post content and views.




## System Requirements:


- Node.js version 18 or above.

- npm version 10.2.3.

- MongoDB Atlas

- Text Editor or IDE

- Git

- Postman (Optional)




## Technologies Used:


1. ReactJs

2. NodeJs (Node version 18 or above)

3. ExpressJs

4. MongoDB (Database)

5. Tailwind CSS (for Styling)

6. Zustand (for State Management)





## Features Include (Client side):


1. User Account Creation (Optional)

2. Google Sign In (Optional) - Client side only

3. Post Categories

4. Pagination with Page Numbers

5. Commenting on Posts (Only Available to Signed-in Users)

6. Dark and Light Theme Settings

7. Blog Details Page with Dynamic URL (Slug)

8. Fully Mobile-Responsive Design


## Features Include (Admin Dashboard):


1. Account Creation

2. Email Verification with OTP

3. Create Posts, Delete Posts, Enable or Disable Posts

4. Dashboard Analytics

5. Content and Views Analytics (7 days, 28 days, 900 days & 365 days)

6. Ability to delete user comments on a blog post

7. Dark and Light Theme Settings

8. Fully Mobile-Responsive Design


## Modern User Interface (UI)


Classic UI with DARK & LIGHT theme settings






File Tree

  • 📁 Fullstack Blog Application MERN Stack

Price Information

Price Statistics

Highest Price
$97.20
Average Price
$97.20
Lowest Price
$97.20
AI Price Forecast
$NA

Insights

Limited Preview Only


Real Product Contains All Files And Full Code

Check dependencies

See product external dependencies

Randomly Selected Sample File

Project File Statistics

Hierarchy

Choose a sample file
X
user-symbol

Stay in touch

Get Practical Tips For Business and Developers.

Learn about PieceX Community Needs for Source Code Projects.

Be the First to Know PieceX Newest Free Community Code Projects.