RaoufSEZAR / mern-blog-flowbite

blog site using MERN stack with AOuth in signIn and signUp and CRUD functionalities

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Blog_Flowbite_MERN-STACK

It's a blog project designed for CRUD operations on articles and comments and responsive for all screens, using _ tailwind, ECMA6, React, Redux, Redux toolkit, Rest API, Firebase, OAuth, Node.js, Express.js ,Javascript, MongoDb and Mongoose._

Project Features:

  • Add articles and comments.
  • Find all articles by an article slug(post name).
  • Delete and update articles and comments.
  • Localizations: Added support for 2 languages (English and Turkish).
  • Login in and sign up using Google.
  • Dark mode and light mode.
  • Search functionality based on categories, titles, and tags.
  • User and Admin roles.

To try this project in your machine

after cloning the project add DB by adding .env file to api file and write this:

MONGO=mongodb://localhost:27017/YOUR_DATABASE_NAME
JWT_SECRET=YOUR_JWT_SECRET

and inside api file in the same path write this in the terminal:

npm install
npm run dev

and this message will show in terminal after connecting successfuly to db: **connected to db sccessfully** after that open client file and adding .env file and write this:

FIREBASE_API_KEY=YOUR_FIREBASE_KEY
FIREBASE_APP_ID=YOUR_FIREBACE_APP_ID

and in the same path write this in the terminal:

npm install
npm run dev

Ekran Alıntısı screencapture-localhost-5173-sign-in-2024-02-23-23_46_33 screencapture-localhost-5173-post-test-article-2024-02-23-23_44_59 screencapture-localhost-5173-create-post-2024-02-23-23_44_17 screencapture-localhost-5173-dashboard-2024-02-23-23_43_54 screencapture-localhost-5173-dashboard-2024-02-23-23_43_13 screencapture-localhost-5173-dashboard-2024-02-23-23_42_57 screencapture-localhost-5173-dashboard-2024-02-23-23_42_42 screencapture-localhost-5173-dashboard-2024-02-23-23_42_23 screencapture-localhost-5173-dashboard-2024-02-23-23_41_51 screencapture-localhost-5173-articles-2024-02-23-23_41_35 screencapture-localhost-5173-about-2024-02-23-23_41_17 screencapture-localhost-5173-2024-02-23-23_40_29 screencapture-localhost-5173-search-2024-02-23-23_40_04

screencapture-localhost-5173-articles-2024-02-23-23_49_39 screencapture-localhost-5173-about-2024-02-23-23_49_21 screencapture-localhost-5173-2024-02-23-23_48_55 screencapture-localhost-5173-sign-in-2024-02-23-23_48_28

About

blog site using MERN stack with AOuth in signIn and signUp and CRUD functionalities


Languages

Language:JavaScript 99.2%Language:CSS 0.5%Language:HTML 0.3%