Skip to content

Latest commit

 

History

History
99 lines (71 loc) · 2.84 KB

README.md

File metadata and controls

99 lines (71 loc) · 2.84 KB
Raw

Abhishek Blog

Welcome to Abhishek Blog – a full-stack MERN (MongoDB, Express, React, Node.js) application where an admin can post blogs, and users can like and comment on each blog post. This project is designed to create a seamless and interactive blogging experience.

Table of Contents

Features

  • Admin Panel: Allows the admin to create, edit, and delete blog posts.
  • User Interactions:
    • Likes: Users can like blog posts to show appreciation.
    • Comments: Users can leave comments on each blog post to share their thoughts.
  • Authentication:
    • Sign up and log in for users.
    • Password encryption for secure user data management.
  • Responsive Design: Optimized for mobile and desktop devices.
  • RESTful API: Well-structured API routes for efficient data handling.

Technologies Used

  • Frontend: React, CSS, Bootstrap
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Authentication: JSON Web Tokens (JWT), bcrypt for password hashing
  • Others: Axios for API calls, Mongoose for MongoDB object modeling

Getting Started

To run this project locally, follow these steps:

Prerequisites

  • Node.js and npm (Node Package Manager)
  • MongoDB database (either locally installed or using MongoDB Atlas)

Installation

  1. Clone this repository:

    git clone https://github.com/abhishekboadgurjar/abhishek-blog.git
cd abhishek-blog

  2. Install server dependencies:

    cd server
npm install

  3. Install client dependencies:

    cd ../client
npm install

  4. Set up environment variables:

    • Create a .env file in the server directory and add the following: 
      MONGODB_URI=<your_mongodb_connection_string>
JWT_SECRET=<your_jwt_secret>
PORT=5000

  5. Start the application:

    • In the server folder, start the backend server: 
      npm start
    • In the client folder, start the frontend server: 
      npm start

  6. Open your browser and visit http://localhost:3000.

Usage

  • Admin Actions: Log in as an admin to create, edit, or delete blog posts.
  • User Interactions: Sign up or log in as a user to like or comment on posts.
  • Explore Posts: Browse through blog posts and engage with the community.

Contributing

Contributions are welcome! Please fork this repository, create a new branch, and submit a pull request for any improvements or bug fixes.

Author

Abhishek Gurjar is a dedicated web developer passionate about creating practical and functional web applications. Check out more of his projects on GitHub.