A full-stack MERN blog application that allows users to create, and interact with blog posts in a modern, visually appealing interface with a beautiful glassmorphism design, featuring user authentication, post management, and real-time interactions.
This application provides a complete blogging experience where users can register accounts, write and publish articles, engage with content through comments and likes, and manage their own posts with full CRUD operations.
- Frontend: https://blogxwebapp.netlify.app/
- Backend API: https://blog-webapp-backend.onrender.com
- Modern Glassmorphism UI - Beautiful, responsive design with floating elements
- User Authentication - Secure registration and login with JWT tokens
- Rich Text Editor - Create and edit posts with ReactQuill
- Comments System - Engage with posts through comments
- Like System - Like and unlike posts
- Responsive Design - Works perfectly on all devices
- Real-time Updates - Dynamic content loading
- Secure API - Protected routes with authentication middleware
- React.js - UI framework
- React Router - Navigation
- Axios - HTTP client
- ReactQuill - Rich text editor
- CSS3 - Modern styling with glassmorphism effects
- Node.js - Runtime environment
- Express.js - Web framework
- MongoDB Atlas - Cloud database
- Mongoose - MongoDB object modeling
- JWT - Authentication tokens
- bcryptjs - Password hashing
- CORS - Cross-origin resource sharing
- Frontend: Netlify
- Backend: Render
- Database: MongoDB Atlas
- Node.js (v14 or higher)
- npm or yarn
- MongoDB Atlas account
Cloning the repository
git clone https://github.com/AryanMishra1789/Blog-Webapp.git
cd Blog-Webapp