OlAndrey / Blogging-app

MERN application

Home Page:https://blogging-app-li92.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Blogging-app

A small post application built on MERN. With authorization and the ability to create, modify and delete posts, and attach images to them. Also their comments. Counting the number of post views and displaying them.

Technologies and Libraries Used :

  • MongoDB - document database.
  • Express - Node.js web framework.
  • React - a client-side JavaScript framework.
  • Node.js - the premier JavaScript web server.
  • Redux - a state management library that allows developers to manage the state of an application in a centralized store.
  • Cloudinary - provides cloud-based image and video management services.
  • jsonwebtoken - a way of securely transmitting information between parties as a JSON object.
  • bcrypt - a password-hashing function used for password storage in web applications.
  • Material-UI(MUI) - a popular React component library that provides pre-designed, customizable UI components.

The project was also developed with the help of ESLint and Prettier.

Getting Started

To get a local copy up and running follow these simple example steps.

$ git clone git@github.com:OlAndrey/Blogging-app.git
$ cd blogging-app
  • Create a .env file in the backend directory

  • MONGODB_URL - Insert the correct connection URL for your MongoDB database

    mongodb+srv://<username>:<password>@<username>.fxrpe.mongodb.net/BlogDB?retryWrites=true&w=majority

  • JWT_SECRET - is a secret key used to sign JSON Web Tokens (JWTs) to ensure that the data in them can be trusted and has not been altered.

  • CLOUDINARY - used to store images attached to posts.

    CLOUDINARY_CLOUD_NAME : cloud_name

    CLOUDINARY_API_KEY : api_key

    CLOUDINARY_API_SECRET : api_secret

Backend

  • cd into backend and write npm install or npm i in command terminal

    $ cd server
    $/server npm install
    
  • Write npm run dev to start the backend server

    $/server npm run dev
    

Frontend

  • cd into my-project and write npm install or npm i in command terminal

    $ cd client
    $/client npm install
    
  • Write npm start to start the react server

    $/client npm start
    

Working

HomePage

User can view articles by other users and login/signup to our website.

Login Page

User can login to our website. If user is not found, error is generated .

SignUp Page

User can signup to our website. No two user can have same email id.

Add Article Page

After logging in user can post article or comment on other articles to our website.

Article Page

User can see full article and comment on the article.

Support

Reach out to me at one of the following places!

About

MERN application

https://blogging-app-li92.vercel.app/


Languages

Language:JavaScript 96.0%Language:HTML 2.4%Language:CSS 1.6%