https://github.com/raoufsezar/mern-blog
this project is for Blog project, the user can CRUD a Post, and find posts by category or author name ,add Category .
https://github.com/raoufsezar/mern-blog
context-api css3 ecma6 expressjs flexbox-css html5 javasccript mongodb mongoose nodejs react react-router rest-api
Last synced: 2 months ago
JSON representation
this project is for Blog project, the user can CRUD a Post, and find posts by category or author name ,add Category .
- Host: GitHub
- URL: https://github.com/raoufsezar/mern-blog
- Owner: RaoufSEZAR
- Created: 2022-01-04T21:21:38.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-01-06T20:43:57.000Z (over 4 years ago)
- Last Synced: 2025-01-01T21:22:04.359Z (over 1 year ago)
- Topics: context-api, css3, ecma6, expressjs, flexbox-css, html5, javasccript, mongodb, mongoose, nodejs, react, react-router, rest-api
- Language: JavaScript
- Homepage:
- Size: 1.48 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MERN-BLOG
this project is for Blog project, the user can CRUD a Post, and find posts by category or author name ,add Category .I coded this project using **_HTML5, CSS3, ECMA6, React, Context Api , Node.js, Express.js ,Javascript, MongoDb and Mongoose._**
## Post Model:
- Add a Post
- Delete Posts by the Post id
- Find all Posts by the Category name
- Update Posts By same Author
## User Model:
- Create a User account
- Delete Posts by the Post id that has written
- Find all Posts by the User name
- Update User account
- Update his Posts
## Category Model:
- Add a Category
- Find all Posts by a Category name
- Find all Categories
### You can find Postman Collection in this [link](https://github.com/RaoufSEZAR/MERN-BLOG/blob/main/MERN_BLOG.postman_collection.json)
## To try this project in your machine
after cloning the project add DB by adding .env file to api file and write this:
```
MONGO_URL=mongodb://localhost:27017/YOUR_DATABASE_NAME
PORT=5000
```
and inside api file in the same path write this in the terminal:
```
npm install
npm start
```
and this message will show in terminal after connecting successfuly to db: \***\*connected to db sccessfully\*\***
after that open client file and in the same path write this in the terminal:
```
npm install
npm start
```
## SOME PICTURES FROM PROJECT
### login
### register
### home page
### update user
### create post
### single post
### 404 Page
