BLOG Api Frontend

The Blog-API Frontend project is a full CRUD operation front-end project that connects the back-end using Cors. The project utilizes NodeJS, Express, Mongoose, and MongoDB. The user receives a Token at the header that allows the user to access Public blogs then create, update, and delete a particular blog by ID. The Blog API Frontend also uses a third party Api to bring in a random Giphy on the Landing page.

Installed dependencies

bcrypt
express
express-validator
mongoose
helmet
dotenv
jsonwebtoken
morgan
axios
bootstrap

Blog Wireframe

Run Locally

git clone (https://github.com/Don1Genas/Blog-Api-Frontend)

Deployed

netlify (https://dwgblogapp-frontend.netlify.app/)

Routes

app.get('/') returns message "WELCOME TO MY BLOG API!!"

Auth('/auth') creates Users and Login

axios.post('/'): Register Users, RegisterForm.js is used.
axios.post('/'): Login with username and password only, using LoginForm.js.

Blog('/blog')

router.get('/'): all Public blogs are included, must be logged in and have a token
router.post('/'): Creates Blog with blogSchema, username parameter(String) name is needed to post blog
router.put('/:id'): Updates blog with id, parameter(String) id is needed to update blog
router.get('/:id'): Returns blog associcated to id, parameter(String) id is required to find blog. onlyprivate blogs appear
router.delete('/:id): Deletes blog associated with id, need a token for Authorization and parameter(string) id is required to delete blog

Auth Route Schema:

username: type: String, required: true,
password:type: String, required: true,
email:type: String, required: true,
birthday: type: Number,
age: type: Number

Blog Route Schema:

username: type: String, require: true,
created_by:type: String, required: true,
created_at: type: String, required: true,
blog_title: type: String, required: true,
blog_content: type: String, required: true,
private: type: Boolean, default: false