Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ytakkar/mern-social-network

A Notes App developed with MERN stack. Screenshots below. Visit the link for SPA version!! 📝 📒
https://github.com/ytakkar/mern-social-network

express javascript mern mysql nodejs react redux social-network

Last synced: about 1 month ago
JSON representation

A Notes App developed with MERN stack. Screenshots below. Visit the link for SPA version!! 📝 📒

Host: GitHub
URL: https://github.com/ytakkar/mern-social-network
Owner: yTakkar
Created: 2017-06-13T12:53:16.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2018-03-04T18:38:37.000Z (almost 7 years ago)
Last Synced: 2024-11-02T01:50:29.846Z (about 2 months ago)
Topics: express, javascript, mern, mysql, nodejs, react, redux, social-network
Language: JavaScript
Homepage: https://github.com/yTakkar/Single-Page-Social-Network
Size: 4.92 MB
Stars: 94
Watchers: 16
Forks: 33
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # MERN-Social-Network

A Social Network developed with MERN stack. [OUTDATED]

# Single Page Application

This project is outdated and no longer maintained. Click **[here](https://github.com/yTakkar/Single-Page-Social-Network)** for updated & faster version of this project. The updated version is a Single-Page-Application!!

# Quick links

1. [Screenshots](#screenshots)

2. [Own the project](#own-the-project)

# Screenshots

![alt text](https://raw.githubusercontent.com/yTakkar/MERN-Social-Network/master/screenshots/Snap%202017-06-27%20at%2022.01.50.png)

![alt text](https://raw.githubusercontent.com/yTakkar/MERN-Social-Network/master/screenshots/Snap%202017-06-27%20at%2022.01.44.png)

![alt text](https://raw.githubusercontent.com/yTakkar/MERN-Social-Network/master/screenshots/Snap%202017-06-27%20at%2021.59.33.png)

![alt text](https://raw.githubusercontent.com/yTakkar/MERN-Social-Network/master/screenshots/Snap%202017-06-27%20at%2021.58.14.png)

![alt text](https://raw.githubusercontent.com/yTakkar/MERN-Social-Network/master/screenshots/Snap%202017-06-27%20at%2021.59.17.png)

![alt text](https://raw.githubusercontent.com/yTakkar/MERN-Social-Network/master/screenshots/Snap%202017-06-27%20at%2021.59.26.png)

![alt text](https://raw.githubusercontent.com/yTakkar/MERN-Social-Network/master/screenshots/Snap%202017-06-27%20at%2021.58.06.png)

![alt text](https://raw.githubusercontent.com/yTakkar/MERN-Social-Network/master/screenshots/Snap%202017-06-27%20at%2021.58.38.png)

![alt text](https://raw.githubusercontent.com/yTakkar/MERN-Social-Network/master/screenshots/Snap%202017-06-27%20at%2021.59.05.png)

![alt text](https://raw.githubusercontent.com/yTakkar/MERN-Social-Network/master/screenshots/Snap%202017-07-11%20at%2000.14.08.png)

[More screenshots](https://github.com/yTakkar/MERN-Social-Network/tree/master/screenshots).

UI is taken from [Instagam-clone](https://github.com/yTakkar/Instagram-Clone) I created!!

# Own the project

1. First install all dependencies with npm or Yarn:

    ```javascript

    npm install

    ```

    or

    ```javascript

    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!!

    ```javascript

    PORT=YOUR_PORT

    MYSQL_HOST="host"

    MYSQL_USER="user"

    MYSQL_PASSWORD="password"

    MYSQL_DATABASE="db"

    MAIL="[email protected]"

    MAIL_PASSWORD="gmail-password"

    SESSION_SECRET_LETTER="anything-secret"

    ```

4. Start the server

    ```javascript

    npm start

    ```

5. Now load the app

    ```javacript

    localhost:[PORT YOU DEFINED IN .ENV FILE]

    ```

6. Enjoy!!