Skip to content

sharonvijay/blog-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 

Repository files navigation

MERN Blog App

The MERN (MongoDB, Express.js, React, Node.js) Blog App is a web application for creating and managing blog posts. It leverages the power of the MERN stack to provide a robust and flexible platform for users to share their thoughts, stories, and articles.

Features

  • User Authentication: Users can create accounts, log in, and log out securely. User authentication is implemented using JSON Web Tokens (JWT) for protection.

  • Create and Edit Posts: Registered users can create new blog posts, providing a title, summary, content, and an optional cover image. They can also edit and update their existing posts.

  • Cloudinary Integration: The app seamlessly integrates with Cloudinary, a cloud-based media management platform, for image storage and management. Users can upload and display images in their blog posts.

  • Rich Text Editing: A rich text editor is provided for composing blog content. It uses the Quill editor to enable users to format and style their text.

  • Responsive Design: The application is designed to be responsive, ensuring a great user experience on both desktop and mobile devices.

Start the server and client development servers:

In the server directory: npm start

In the client directory: npm start

Usage

  • Sign Up / Log In: Create a new account or log in with your existing credentials.

  • Create a Post: Click the "Create Post" button to compose a new blog post. Provide a title, summary, content, and optionally upload a cover image from your device.

  • Edit a Post: Click on an existing post to view its details, and if you are the author, you can edit and update it.

  • View Posts: Browse and read posts created by other users.

  • Log Out: Log out of your account when done.

Technologies Used

  • MongoDB: A NoSQL database for storing user data and blog posts.

  • Express.js: A Node.js web application framework for building the server-side of the application.

  • React: A JavaScript library for building the user interface.

  • Node.js: A runtime environment for running JavaScript on the server.

  • Cloudinary: A cloud-based media management platform for storing and serving images.

  • JSON Web Tokens (JWT): Used for user authentication and authorization.

Contributing

Contributions are welcome! Please feel free to open issues or pull requests for any improvements or bug fixes.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Author


Enjoy blogging with the MERN Blog App! If you have any questions or need assistance, please don't hesitate to reach out.