June 2023 - July 2023

Bloggify

Bloggify is a MERN stack web application designed for efficient blogging. Leveraging React Quill, users can create and edit blogs seamlessly. Cloudinary integration facilitates secure image uploads. The application employs JWT and bcrypt for user authentication, ensuring data security. Key features include a dynamic landing page showcasing featured blogs, a comprehensive Blogs section listing all user-generated content, and a user profile dropdown offering options like managing personal blogs and logging out. The system supports comments with proper validation and tracking of blog impressions in real-time. The sharing functionality enables users to share posts via a unique link. The technical stack comprises MongoDB for data storage, Express.js for server-side logic, React for the front end, and Node.js for server-side runtime.

Role

Full stack developer

Team

Me

Tech Stack

React JS

Node JS

Express JS

MongoDB

Cloudinary

Challenges

Developing Bloggify posed challenges in integrating Cloudinary for secure image uploads, synchronizing React Quill with backend logic, and fine-tuning user authentication with JWT and bcrypt. Real-time tracking of blog impressions also required careful implementation.

Goals

Implement real-time impression tracking for blog posts.

Enable seamless integration with Cloudinary for secure image uploads.

Implement JWT and bcrypt for robust user authentication.

Provide a streamlined user profile interface for blog management.

Key Takeaways

Implement real-time impression tracking for blog posts.

Enable seamless integration with Cloudinary for secure image uploads.

Implement JWT and bcrypt for robust user authentication.

Provide a streamlined user profile interface for blog management.

Outcomes

Developed a feature-rich blogging platform with secure user authentication and dynamic content creation using the MERN stack.

Enhanced skills in full-stack development, third-party API integration, and secure user authentication.

Live Website