DEV Community

Cover image for How to create a blog from scratch using mern stack coding and web development ?
Fares00T
Fares00T

Posted on

2

How to create a blog from scratch using mern stack coding and web development ?

If you are reading this my name is FARES tinakiche I started learning web development about 1 year ago this how I built my full stack blog project to see the full project with the code
click here

Project description
This blog is highly costumable with code and mostly mobile friendly

in this project i used the mern stack

  • MongoDB
  • Express
  • React
  • NodeJS

Here are some photos from the project

Image description

Image description

Image description

Image description

Image description

Image description

Image description

Image description

Image description

Image description

file structure

Image description

Index.js

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import { ContextProvider } from "./context/Context";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <React.StrictMode>
    <ContextProvider>
      <App />
    </ContextProvider>
  </React.StrictMode>
);

Enter fullscreen mode Exit fullscreen mode

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay