Democratic Platform to write anti-political stuffs

by React

nLog

Built using ( MERN STACK )

Try Now [ Deployment is online ( hopefully ) ]

Try nLog now

Screen-shots ( Aesthetic and Mild UI )

Design File: Checkout at Figma

Installation

  1. Make sure you have Node.js v16 or above
  2. Make sure you have npm (node package manager)
git clone https://github.com/SomnathDas/nLog.git
cd nLog
cd client
npm install
cd ..
cd server
npm install
cd ..

Configuration

Server

cd server
touch .env
nano .env

DB_URL=
ACCESS_TOKEN_SECRET=
REFRESH_TOKEN_SECRET=
PORT=3000
ALLOWED_ORIGIN=http://localhost:3000
NODE_ENV=production

You can generate ACCESS_TOKEN_SECRET, REFRESH_TOKEN_SECRET using https://nodejs.org/api/crypto.html

Client

cd client
touch .env
nano .env
REACT_APP_BASE_URL=http://localhost:3000

Running the application

Development

**Run individually client and server on different ports ( Make sure to configure ports in above Configuration (.env files)

npm run start

Production

**Build client and run both client and server on same ports (This method can vary depending on how you choose to deploy )

npm run build

How to deploy the app on VPS (Virtual Private Server) ?

**I recommend the following tutorials https://www.youtube.com/watch?v=Nxw2j1-srVc https://github.com/safak/youtube/tree/mern-deployment

Special Thanks

  1. Favicon: Photo by Evie S. on Unsplash

  2. Login & Sign-Up Screen: Photo by Sime Basioli on Unsplash

Author

Somnath Das

GitHub

View Github