chandankumarm55 / blog-application-backend

fronted code - https://github.com/chandankumarm55/Blog-React-Frontend

Home Page:https://blog-react-chandan.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Blog Application

Overview

This is a full-stack blog application built with the MERN stack, focusing on CRUD operations. Users can register, log in, create, edit, and view blogs.

Features

  • User Authentication: Secure login and registration functionality.
  • Blog Management: Users can create, edit, and delete their blogs.
  • View Blogs: All users can view blogs posted by other users.
  • Responsive UI: Frontend built with React.js for a seamless user experience.
  • State Management: Using Redux for efficient state management.
  • Backend: Developed using Node.js and Express.js for robust server-side logic.
  • Database: MongoDB for data storage.

Screenshots

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 4

Installation

Prerequisites

  • Node.js
  • npm (Node Package Manager)
  • MongoDB

Frontend

  1. Clone the repository:
    git clone https://github.com/chandankumarm55/Blog-React-Frontend.git
  2. Navigate to the project directory:
    cd Blog-React-Frontend
  3. Install dependencies:
    npm install
  4. Start the development server:
    npm start
  5. Open your browser and navigate to http://localhost:3000.

Backend

  1. Clone the repository:
    git clone https://github.com/chandankumarm55/blog-application-backend.git
  2. Navigate to the project directory:
    cd blog-application-backend
  3. Install dependencies:
    npm install
  4. Set up environment variables:
    • Create a .env file in the root directory.
    • Add the following environment variables:
      PORT=5000
      MONGO_URI=your_mongo_database_uri
      JWT_SECRET=your_jwt_secret
  5. Start the server:
    npm start

Usage

  1. Ensure MongoDB is running on your system.
  2. Start the backend server.
  3. Start the frontend development server.
  4. Open your browser and navigate to http://localhost:3000.

Project Structure

Frontend

  • React.js: For building the user interface.
  • Redux: For state management.
  • Axios: For making HTTP requests to the backend.

Backend

  • Node.js & Express.js: For server-side logic and API endpoints.
  • MongoDB: For database storage.
  • Mongoose: For interacting with MongoDB.
  • JWT: For authentication and secure data transfer.

About

fronted code - https://github.com/chandankumarm55/Blog-React-Frontend

https://blog-react-chandan.netlify.app/


Languages

Language:JavaScript 100.0%