Medium-clone
Medium-clone copied to clipboard
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