Skip to content

MERN Stack Blog, MERN stands for MongoDB, Express, React, and Node JS.

Notifications You must be signed in to change notification settings

chikeb-aymen/Mern_Blog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Level

MERN BLOG PLATFORM

A MERN BLOGGING PLATFORM WITH ADMIN DASHBORAD + CHATBOT + MULTI LANGUAGE

Logo

Tools/Packages
  • React JS Hooks
  • Redux
  • React Router
  • React Helmet
  • SCSS/SASS
  • Node & Express
  • JWT Auth
  • Password Bcrypt
  • I18next
  • Email Verification

Functionalities

  • Register: creating user with password encrypted with bcrypt
  • Login: JWT request the token with the token that is saved in local storage and redux state
  • Email Verification: Email verified 📧
  • Protected routes: If user is authenticated can access /login or /register
  • Create posts: Users loggedin can create posts
  • Create posts: Image upload through cloudinary
  • Create posts: Shows the user name of the user who created it
  • Posts: Users can comment posts
  • Error messages: When user submits recieves an alert
  • Comments: Comment form should only appear if loggedin
  • Comments: Create redux actions for this
  • Admin: Users / Posts / Comments + Charts + CRUD
  • Multi language: English / Frensh / Arab
  • ChatBot talk with a robot 🤖
  • Posts: Like button(A user can only like one time per post)
  • Posts: Add video ...

Before you start

Go To Client Install All Package ⬇️

cd client 
npm install

Go To Backend Install All Package ⬇️

cd backend 
npm install

Add Your MongoDb Url ⬇️ Change the URL of mongodb if you dont have access 💥

URL=<mongodb+srv.....>

JWT authentication

  • Decide a secret key that you will use to create the token to be used in JWT
  • This key can be anything ex: <MY_SECRET_KEY>
  • Open .env and insert one line, with your own info
SECRET=<MY_SECRET_KEY>

Host Mongo DB

.....

Host images

....

How to run locally

First clone the project

git clone https://github.com/achfull/Mern_Blog.git

For running frontend and backend in the same time Go to backend

cd backend
npm run dev

Now its ready to use 😃

How to run in production

Not Yet

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Your Name - [@aymen_chikeb]