Back to Projects
Vexon
Overview
Vexon is a full-stack blog platform built with the MERN Stack, providing a seamless content publishing experience for both readers and authors. The platform enables secure user authentication, rich blog management, search and filtering, and a responsive user interface enhanced with modern animations and performance optimizations.
Key Features
- Secure Authentication & User Management: Implemented secure JWT authentication with user registration, login, protected routes, password hashing, and password strength validation for enhanced account security.
- Blog Content Management: Developed a complete blog management system with rich text editing, CRUD operations for blog posts, category management, author attribution, and responsive image handling.
- Search & Discovery: Built an advanced search and filtering system with category browsing, author filtering, sorting options, and shareable URL parameters for improved content discovery.
- Media Management: Integrated image upload and cloud storage functionality using Multer and Cloudinary, enabling efficient media handling for blog posts and categories.
- Responsive & Interactive User Experience: Designed a fully responsive interface optimized for mobile, tablet, and desktop devices with Framer Motion animations, intuitive navigation, loading states, toast notifications, and mobile back button support.
- Performance Optimization: Improved application performance through lazy loading, skeleton loaders, minimum loading durations to prevent UI flashes, route-based scroll management, API timeout handling, and robust error recovery mechanisms.
Tech Stack
Frontend
React.jsJavaScriptReact RouterTailwind CSSAxiosFramer MotionGSAPReact BitsReact ToastifyMaterial UISwiper.jsReact Stars
Backend
Node.jsExpress.jsMongoDB (with Mongoose ODM)JWTMulterCloudinaryRESTful APICORS
Deployment
VercelRenderESLint
