An open API service indexing awesome lists of open source software.

https://github.com/raoufsezar/mern-blog-flowbite

blog site using MERN stack with AOuth in signIn and signUp and CRUD functionalities
https://github.com/raoufsezar/mern-blog-flowbite

expressjs firebase-auth flowbite flowbite-react mongodb mongoose nodejs react redux redux-toolkit tailwindcss

Last synced: 3 months ago
JSON representation

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

Awesome Lists containing this project

README

          

# 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ı](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/81be0c93-6fc9-4fa9-89a4-e58ff233e7c9)
![screencapture-localhost-5173-sign-in-2024-02-23-23_46_33](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/25c954ae-7f97-4111-94d1-46544eeff483)
![screencapture-localhost-5173-post-test-article-2024-02-23-23_44_59](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/1aaa13c3-fda0-458a-b1ec-3e9134243eee)
![screencapture-localhost-5173-create-post-2024-02-23-23_44_17](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/16a1a7ba-6a10-44f1-85e9-8e3a5d30286a)
![screencapture-localhost-5173-dashboard-2024-02-23-23_43_54](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/95ff9467-970f-4461-a6fa-29aa040a684d)
![screencapture-localhost-5173-dashboard-2024-02-23-23_43_13](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/3e195fed-20d0-47b2-a62d-1f81e7e0c34f)
![screencapture-localhost-5173-dashboard-2024-02-23-23_42_57](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/26777c1a-0b05-43e5-9876-1bcdf2d6499e)
![screencapture-localhost-5173-dashboard-2024-02-23-23_42_42](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/eb648e56-9bd7-4712-bb1a-cbfd1cb71c0e)
![screencapture-localhost-5173-dashboard-2024-02-23-23_42_23](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/35a8fd3a-9959-4495-bf42-5788b5331c97)
![screencapture-localhost-5173-dashboard-2024-02-23-23_41_51](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/4611522f-39d2-4201-b110-d04918371a7e)
![screencapture-localhost-5173-articles-2024-02-23-23_41_35](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/9865e1b4-0bd4-44ae-ba95-27b69002de86)
![screencapture-localhost-5173-about-2024-02-23-23_41_17](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/17a50bfc-0ce0-4f98-8750-07cc6d93c1ce)
![screencapture-localhost-5173-2024-02-23-23_40_29](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/26251544-69b5-4bf8-bf8d-77d505176271)
![screencapture-localhost-5173-search-2024-02-23-23_40_04](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/848e7080-b2b7-4a6e-b60f-86ee9b915d47)

![screencapture-localhost-5173-articles-2024-02-23-23_49_39](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/23b325a7-de70-4d1e-be55-2d7cb1ce913e)
![screencapture-localhost-5173-about-2024-02-23-23_49_21](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/171b88ff-8985-4fe4-b8ae-1ced4a945200)
![screencapture-localhost-5173-2024-02-23-23_48_55](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/9d93ff12-f6b6-438f-8175-ead19e639713)
![screencapture-localhost-5173-sign-in-2024-02-23-23_48_28](https://github.com/RaoufSEZAR/mern-blog-flowbite/assets/64332249/75e9954c-fec2-4c04-8564-be0400fef4ab)