Skip to content

This is a Professional MERN Blog App. One can create Blogs, Read, Edit and Delete blogs. One can also also like posts, etc(Not yet completed)

Notifications You must be signed in to change notification settings

DeveloperWilliams/MERN-Blog-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 

Repository files navigation

MERN Blog App

Description

The MERN Blog App is a full-stack blogging application built using the MERN stack (MongoDB, Express.js, React, Node.js). This application allows users to create, read, update, and delete blog posts. It also includes user authentication and authorization, allowing users to register and log in to manage their own posts..

Images

Login Form

Image Three

Signup Form

Image Two

Home Page

Image One

Features

  • User Authentication: Register, Login, Logout
  • CRUD Operations: Create, Read, Update, and Delete blog posts
  • User-specific Post Management: Users can manage their own posts
  • Responsive Design: Ensures usability across various devices

Technologies Used

Frontend

  • React: A JavaScript library for building user interfaces
  • Redux: State management library
  • Axios: Promise-based HTTP client
  • CSS: Styling

Backend

  • Node.js: JavaScript runtime built on Chrome's V8 JavaScript engine
  • Express.js: Web framework for Node.js

Database

  • MongoDB: NoSQL database
  • Mongoose: MongoDB object modeling tool

Authentication

  • JSON Web Tokens (JWT): For secure user authentication
  • bcrypt: For password hashing

Installation

Prerequisites

Steps

  1. Clone the repository:

    git clone https://github.com/DeveloperWilliams/MERN-Blog-App.git
    cd mern-blog-app
    
  2. Install dependencies for both frontend and backend:

    cd client
    npm install
    cd ../server
    npm install
  3. Set up environment variables:

    PORT=5000 MONGODB_URI= JWT_SECRET=

  4. Run the application:

    cd server
    npm install
    npm start

    Terminal two

     cd server
     npm install
     npm start

Contributing

We welcome contributions from the community! If you'd like to contribute, please follow these steps:

  1. Fork the repository to your own GitHub account.
  2. Clone the forked repository to your local machine.
  3. Create a new branch with a descriptive name for your feature or bug fix.
  4. Make your changes and commit them with clear and descriptive commit messages
  5. Push your changes to your forked repository.
  6. Open a Pull Request to the main repository, providing a detailed description of your changes and the problem they solve.

Please make sure your code adheres to my coding standards and passes all tests. Thanks!

License

This project is licensed under the MIT License

About

This is a Professional MERN Blog App. One can create Blogs, Read, Edit and Delete blogs. One can also also like posts, etc(Not yet completed)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •