Skip to content

Create and manage your blog with the secure MERN Stack Blogging App, featuring JWT authentication and robust password encryption. Enjoy a seamless experience with modern frontend and powerful backend technologies.

Notifications You must be signed in to change notification settings

faisalkhandev/Blogging-Backend-and-Frontend.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Blogging Full-Stack App with JWT Authentication

Welcome to the Blogging Full-Stack App with JWT Authentication! This project is a robust, secure, and scalable application that showcases the integration of a modern frontend with a powerful backend. The app leverages password encryption and JSON Web Tokens (JWT) for authentication, ensuring secure user sessions.

Table of Contents

Introduction

This full-stack application is designed to provide a seamless user experience with a responsive frontend and a secure, efficient backend. The application supports user authentication using JWT, ensuring that user data is protected and sessions are managed securely.

Features

  • Full-Stack Development: Complete integration of frontend and backend.
  • Secure Authentication: Implements JWT for user authentication.
  • Password Encryption: Ensures user passwords are stored securely.
  • API-Driven: Robust APIs to handle various functionalities.
  • Scalable Architecture: Designed to scale with increasing user demands.
  • Like Posts: Users can like posts to show appreciation.
  • Post Creation: Users can create new posts.
  • Edit Posts: Users can edit their own posts.

Technologies Used

Frontend

  • React.js
  • HTML5
  • CSS3
  • JavaScript

Backend

  • Node.js
  • Express.js
  • MongoDB (or any other database you used)
  • JWT (JSON Web Tokens)
  • Bcrypt for password hashing

Installation

Prerequisites

  • Node.js and npm installed
  • MongoDB setup (or any other database)

Steps to Install

  1. Clone the repository

    https://github.com/faisalkhandev/Blogging-Backend-and-Frontend..git
  2. Navigate to the project directory

    cd server
  3. Install backend dependencies

    cd server
    npm install
  4. Install frontend dependencies

    cd frontend/authProject
    npm install
  5. Configure environment variables in .env file for backend (e.g., database URI, JWT secret)

  6. Run the backend server

    cd server
    nodemon app.js
  7. Run the frontend development server

    cd frontend/authProject
    npm run dev
  8. Open your browser and navigate to http://localhost:3000

Screenshots

LandingPage Homepage resgister login

API Documentation

Authentication

  • POST /api/register: Register a new user
  • POST /api/login: Authenticate a user and return a JWT
  • GET /api/profile: Get authenticated user details

Example API Call

curl -X POST http://localhost:5000/api/auth/login \
-H 'Content-Type: application/json' \
-d '{"email":"abc1@gmail.com","password":"abc1"}'

About

Create and manage your blog with the secure MERN Stack Blogging App, featuring JWT authentication and robust password encryption. Enjoy a seamless experience with modern frontend and powerful backend technologies.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published