BlogByMe is a full-stack blogging platform built with the MERN stack. It allows users to create, read, and explore blogs with robust security features like JWT authentication, OTP verification, and secure MongoDB Atlas integration.
- ✍️ Create and manage blogs
- 🗂️ Add and assign blog categories
- 🔍 Filter blog posts by category or keywords
- 📰 Read the latest news on a dedicated news page
- 🔐 Secure login and registration with JWT token
- 🔁 OTP verification for new user registration
- 🛡️ Protected routes and middleware-based access control
- ☁️ MongoDB Atlas cloud database with enhanced security settings
- 📦 Backend deployed using Render
- 🌐 Frontend deployed using Vercel
- 📱 Fully responsive design (Mobile + Desktop)
- 📊 Optimized performance (Google PageSpeed scores shown below)
Below are screenshots of various pages of the BlogByMe app
- Frontend: React.js, Bootstrap CSS
- Backend: Node.js, Express.js
- Database: MongoDB Atlas (Cloud)
- Authentication: JWT, OTP (via Email)
- Deployment:
- JWT token-based session management
- OTP verification during registration
- Middleware to protect private routes
- MongoDB Atlas secured with IP whitelisting and credentials
✅ Excellent performance tested via Google PageSpeed Insights:
-
📱 Mobile:
- Performance: 96
- Accessibility: 93
- Best Practices: 100
- SEO: 91
-
🖥️ Desktop:
- Performance: 100
- Accessibility: 88
- Best Practices: 100
- SEO: 91
See screenshots above for full Lighthouse audit results.
# Clone the repository
git clone https://github.com/your-username/BLOG_WEBSITE.git
cd BLOG_WEBSITE
# Install dependencies for backend
cd server
npm install
nodemon index.js
# Install dependencies for frontend
cd ../client
npm install
npm start