Blog Bloom - Blog App
Share your stories beautifully: Blog Bloom, a full-stack React blogging app.
Intro
Blog Bloom is a full-stack blog application created using the MERN (MongoDB, Express.js, React, Node.js) stack. It allows users to register, login, create, edit, and view blogs with rich text content and embedded images.
Genre
Fullstack
Type
Individual Project
Role
UI/UX Designer, Frontend Developer, Backend Developer
Link
GitHubColors
Typography
Primary
Raleway
Secondary
Inter
Features
Feature #1
Blog Creation and Editing
Create and edit your own blogs with text content and embedded images for a personalized blogging experience.
Feature #2
Blog Listing
Easily view a list of blogs, with newer entries displayed at the top, limited to 20 posts.
Feature #3
Rich-Text Editing
Elevate your blogging experience with React Quill, a rich-text editor that allows for enhanced content creation.
Feature #4
User Authentication
Securely register and log in using bcrypt for password encryption and JSON Web Tokens (JWT) for token creation and verification.
Feature #5
Styling
Enhance the visual appeal of your blog with clean and aesthetic styling using Tailwind CSS.
Feature #6
Frontend Design
Enjoy a modern and responsive user interface designed with React for a seamless user experience.
Highlighted Features
Blog Listing
Seamlessly navigate through a curated list of blogs, showcasing the latest entries at the top for easy access. The blog listing feature is designed to display up to 20 posts, prioritizing newer content for a fresh and engaging browsing experience.
Blog Creation and Editing
Empower yourself to craft and customize your blogs with rich text content and embedded images, allowing for a personalized and visually appealing blogging journey. The blog creation and editing tool provides a user-friendly interface to express your thoughts creatively.
Rich-Text Editing
Immerse yourself in a dynamic blogging experience with React Quill, a sophisticated rich-text editor that enables you to create engaging and visually captivating content. Enhance your storytelling with formatting options, multimedia integration, and a seamless editing process to bring your ideas to life.
User Authentication
Ensure secure registration and login processes by utilizing bcrypt for password encryption and JSON Web Tokens (JWT) for the creation and verification of tokens, enhancing the overall security of user accounts.
