# Vue-Mini-Social-Network

**Repository Path**: woicoding/Vue-Mini-Social-Network

## Basic Information

- **Project Name**: Vue-Mini-Social-Network
- **Description**: 测试
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-13
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Single-Page-Social-Network
A reactive mini-social-network created with Vue!!

**No longer maintained. But it works**

# Another Versions
**[React Version](https://github.com/yTakkar/React-Mini-Social-Network)**

**[Golang Version](https://github.com/yTakkar/Go-Mini-Social-Network)**

**[Ruby On Rails Version](https://github.com/yTakkar/Rails-Mini-Social-Network)**

# Quick liks
1. [Screenshots](#screenshots)
2. [Usage](#usage)

# Screenshots
![alt text](https://raw.githubusercontent.com/yTakkar/Vue-Mini-Social-Network/master/screenshots/Snap%202017-10-05%20at%2020.16.51.png)
![alt text](https://raw.githubusercontent.com/yTakkar/Vue-Mini-Social-Network/master/screenshots/Snap%202017-10-05%20at%2020.18.27.png)
![alt text](https://raw.githubusercontent.com/yTakkar/Vue-Mini-Social-Network/master/screenshots/Snap%202017-10-06%20at%2001.16.37.png)
![alt text](https://raw.githubusercontent.com/yTakkar/Vue-Mini-Social-Network/master/screenshots/Snap%202017-10-05%20at%2020.17.04.png)
![alt text](https://raw.githubusercontent.com/yTakkar/Vue-Mini-Social-Network/master/screenshots/Snap%202017-10-05%20at%2020.17.21.png)
![alt text](https://raw.githubusercontent.com/yTakkar/Vue-Mini-Social-Network/master/screenshots/Snap%202017-10-05%20at%2020.17.39.png)
![alt text](https://raw.githubusercontent.com/yTakkar/Vue-Mini-Social-Network/master/screenshots/Snap%202017-10-05%20at%2020.17.48.png)
![alt text](https://raw.githubusercontent.com/yTakkar/Vue-Mini-Social-Network/master/screenshots/Snap%202017-10-05%20at%2020.17.58.png)
![alt text](https://raw.githubusercontent.com/yTakkar/Vue-Mini-Social-Network/master/screenshots/Snap%202017-10-05%20at%2020.18.39.png)

# Usage
1. First install all dependencies:
    ```bash
    # with npm
    npm install
    
    # or with yarn
    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"
    SESSION_SECRET_LETTER="anything-secret"
    ```

4. Start the server
    ```javascript
    npm start [OR] yarn start
    ```

5. Now run the app
    ```javacript
    localhost:[PORT] PORT=3917 (By default)
    ```

6. Enjoy!!