BlogSphere

Express.jsTypeScriptMongooseBcrypt.jsJWTFramer MotionAutoprefixerCookie ParserCORSDate-fnsDotenvESLintMulterNextUINodemonPostCSSReact DOMReact IconsReact QuillReact RouterReact.jsTailwind CssVite

Project Overview

• Brought an elegant blogging platform into reality, prioritizing writing fluidity and reading comprehension. • Wrapped all interactions in absolute secure user authorization sequences limiting post changes exclusively to specific authors. • Delivered an infrastructure where users easily manipulate extensive document objects securely.

System Architecture

• Designed over React.js configured by Vite to optimize rapid build pipelines. • Utilizes complex REST APIs managed by Express.js intercepting form data via Multer instances. • Parses rich text inputs naturally using React Quill, pushing data structurally to MongoDB collections.

Architecture Diagrams

Architecture Diagram

Key Engineering Decisions

• Bound Multer middleware exclusively to cover rapid parsing of profile avatars and blog header graphic uploads. • De-coupled token authorization to parse strictly through secure Cookie Parser boundaries mitigating severe client side hijacking vectors. • Outlined date schemas distinctly utilizing Date-fns ensuring universally consistent timezone mappings universally relative to visitors.