nisabmohd/Medium-clone

A full-stack Medium clone built with the MERN stack, enabling users to create, publish, and read articles while offering features like user authentication and real time notification.

Medium clone - complete full stack application

This clone is made with React, Node, Express, Typescript and MongoDB.

Prerequisites

Make sure you have installed all of the following prerequisites on your development machine:

• Git - Download & Install Git. OSX and Linux machines typically have this already installed.
• Node.js - Download & Install Node.js and the npm package manager. If you encounter any problems, you can also use this GitHub Gist to install Node.js.

Cloning The GitHub Repository

The recommended way to get Medium-clone clone is to use git to directly clone the repository:

$ git clone https://github.com/nisabmohd/Medium-clone.git

Environment variables React setup

create .env file in client/

VITE_API_URL=http://localhost:8000

Environment variables Node setup

create .env file in server/

PORT=8000
MONGO_URI=mongodb://0.0.0.0:27017/medium
JWT_SECRET= {JWT_SECRET}
JWT_REFRESH_SECRET= {JWT_REFRESH_SECRET}
DEV=true

Running Your Application

open terminal/bash in this repo and enter below commands to start the application

→ To start the server

$ cd server
$ npm run dev

→ To start the client app

$ cd client
$ npm run dev

• Your client application should run on port 5137 with the development environment configuration, so in your browser just go to http://localhost:5173

• Your server application should run on port 8000, so in your browser just go to http://localhost:8000

Overview