heykvr / deployed_blog_site

Deployed using vercel

Deployed_Blog_Site

Deployed using vercel

Blog Site

This is a blog site built using the MERN stack (MongoDB, Express.js, React.js, and Node.js) with additional packages for backend and frontend development and datbase deployed on mongodb atlas using aws cloud service and deployed on vercel .

Link Nagivates to my blog web application

click here for blog-site

Packages Used

Backend

• dompurify: Used to sanitize HTML inputs from the client.
• express: Used as the web framework for the server.
• js-dom : server side rendering for purification of markdown.
• method-override: Used to support HTTP verbs such as PUT and DELETE in HTML forms.
• slugify: Used to convert strings to URL-friendly slugs.

Frontend

• marked: Used to convert Markdown to HTML for blog post content.
• react: Used as the JavaScript library for building user interfaces.
• react-dom: Used for DOM manipulation in React applications.
• react-router-dom: Used to handle client-side routing for React components.
• react-scripts: Used to manage scripts for a React application.
• sanitize-html: Used to sanitize HTML inputs from the server.

Running the Server

To run the server, run the following commands in the terminal:

npm i
npm run dev

The first command installs the required dependencies, and the second command starts the server using Nodemon for automatic reloading on changes.

server

To run the client, run the following commands in the terminal:

npm i
npm start

The first command installs the required dependencies, and the second command starts the client using the react-scripts start command.

Images