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. 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. Redux is utilized for efficient state management, enabling seamless interaction between components. The application is developed in a modular way, promoting scalability and code reusability. 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

Tailwind CSS

Redux Toolkit

Node JS

Express JS

MongoDB

Cloudinary

Swagger

Challenges

Developing Bloggify presented several challenges, particularly in integrating Cloudinary for secure image uploads, synchronizing React Quill with backend logic, and ensuring efficient and reactive state management for user authentication, blog posts, and comments posed significant hurdles. Real-time tracking of blog impressions also demanded careful implementation, further adding to the complexity of the project.

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.

Scalable project structure and state management

Listing endpoints in swagger UI to present endpoints

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.

Scalable project structure and state management

Listing endpoints in swagger UI to present endpoints

Outcomes

Enhanced skills in full-stack / MERN stack development.

Established efficient and reactive state management for user authentication, blog posts, and comments, optimizing performance.

Structured the project into modular components, facilitating scalability and code reusability.

Maintained a clean and organized codebase, adhering to best practices for software development.

Live Website