https://github.com/icecubesaad/mern-stack-blog-app

https://github.com/icecubesaad/mern-stack-blog-app

blog fullstack-development mern-project mernstack

Last synced: 20 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/icecubesaad/mern-stack-blog-app
• Owner: Icecubesaad
• Created: 2023-04-23T12:56:29.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-09-30T14:24:20.000Z (over 1 year ago)
• Last Synced: 2024-11-08T10:08:56.898Z (2 months ago)
• Topics: blog, fullstack-development, mern-project, mernstack
• Language: JavaScript
• Homepage:
• Size: 17.8 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Blog App

This a Blog app made with the MERN(MongoDB, Express, React, Nodejs) stack, which serves the user a friendly interface to interact with blogs published by other people. A scalable application in which a user can make thier own blog, like other blogs.

# Features

-**User Registration and Login**: Users can create an account and log in to access the app's features.


-**Blog Search**: Users can search for Blogs using title.


-**Blog Display**: User can see the description,title, image uploaded by the author and likes.


-**Trending and reletable blogs algorithms**: User will get recommended Trending Blogs and Relatable blogs that are relatable to the blog they are reading.


# Packages Used

## Backend

-**bcryptjs** = for user password protection


-**dotenv** = to access the environment variables. 


-**mongoose** = to access mongodb 


-**jsonwebtoken** = to fetch the user details and saved recipies


-**express-validator** = for authentication validation


-**uuid** = creating random ids for each blogs. 


## Front end 

-**material-icons** = for icons


# Getting Started

## Front End

`cd client`


`cd BlogApp`


`npm i`


`npm install @mui/material @emotion/react @emotion/styled`


`npm install @mui/icons-material`


`npm run dev`


## Back End

`cd server`


`install other packages`


`nodemon ./App.js`