mustfeez / MERN-Social-Network

A Notes App developed with MERN stack. Screenshots below. Visit the link for SPA version!! πŸ“ πŸ“’

Home Page:https://github.com/yTakkar/Single-Page-Social-Network

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MERN-Social-Network

A Social Network developed with MERN stack. [OUTDATED]

Single Page Application

This project is outdated and no longer maintained. Click here for updated & faster version of this project. The updated version is a Single-Page-Application!!

Quick links

  1. Screenshots
  2. Own the project

Screenshots

alt text alt text alt text alt text alt text alt text alt text alt text alt text alt text

More screenshots.

UI is taken from Instagam-clone I created!!

Own the project

  1. First install all dependencies with npm or Yarn:

    npm install

    or

    yarn
  2. Open PHPMyAdmin, create a DB & import db.sql file.

  3. Create a .env file and insert the following code. Replace values with yours!!

    PORT=YOUR_PORT
    MYSQL_HOST="host"
    MYSQL_USER="user"
    MYSQL_PASSWORD="password"
    MYSQL_DATABASE="db"
    MAIL="yourgmail@gmail.com"
    MAIL_PASSWORD="gmail-password"
    SESSION_SECRET_LETTER="anything-secret"
  4. Start the server

    npm start
  5. Now load the app

    localhost:[PORT YOU DEFINED IN .ENV FILE]
    
  6. Enjoy!!

About

A Notes App developed with MERN stack. Screenshots below. Visit the link for SPA version!! πŸ“ πŸ“’

https://github.com/yTakkar/Single-Page-Social-Network


Languages

Language:JavaScript 74.7%Language:CSS 21.4%Language:HTML 4.0%