Giter Site home page Giter Site logo

chandankumarm55 / blog-application-backend Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 400 KB

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

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

JavaScript 100.00%
blog blogapp blogcreate context-api curd-operation jwt login mongodbatlas mutter reactjs register responsive-design upload

blog-application-backend's Introduction

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.

blog-application-backend's People

Contributors

chandankumarm55 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.