/MERN-Social-Network

A Notes App developed with MERN stack to explore the awesomeness of MERN stack. Screenshots below. Visit the link for SPA version!! 📝📓📔 📒

Primary LanguageJavaScript

MERN-Social-Network

A Notes App developed with MERN stack to explore the speed, power & awesomeness of MERN stack. And boy it's really fast, reactive & fun!!

Single page application

Click here for another version of this project which is an updated, faster & 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!!