Giter VIP home page Giter VIP logo

vue-mini-social-network's Introduction

Single-Page-Social-Network

A reactive mini-social-network created with Vue!!

No longer maintained. But it works


๐Ÿ›’ Launch your online store with OwnStore.


Another Versions

React Version

Golang Version

Ruby On Rails Version

Quick liks

  1. Screenshots
  2. Usage

Screenshots

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

Usage

  1. First install all dependencies:

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

    PORT=YOUR_PORT
    MYSQL_HOST="host"
    MYSQL_USER="user"
    MYSQL_PASSWORD="password"
    MYSQL_DATABASE="db"
    SESSION_SECRET_LETTER="anything-secret"
  4. Start the server

    npm start [OR] yarn start
  5. Now run the app

    localhost:[PORT] PORT=3917 (By default)
    
  6. Enjoy!!

vue-mini-social-network's People

Contributors

ytakkar avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue-mini-social-network's Issues

build project

How can I build this project and run it on the Cpanel?

Login/register not possible

I can't get working that SPA, error when I try to register:

(node:18965) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: ER_NO_DEFAULT_FOR_FIELD: Field 'bio' doesn't have a default value
(node:18965) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

I would also use existing users, but passwords for users are not documented (password are encrypted in database)

Recompile build.js?

Hi,

Thanks for sharing the project,
I have a question... When i run "mpm start" i can make it work on my machine, however it does not automatically recompile the build.js file? I cannot make any update in the script because my changes are not reflected?

How can i do it? Is there any other command to use?
Thanks,

Modal change URL in NuxtJS

I've created a Social Network project like you did by NuxtJS.
The problem I want to said about:
If you go to Twitter's website, and open a tweet from any place (your own timeline, someone else's timeline, a list ...), three things happen:

  1. A modal with the tweet opens
  2. the URL changes to an absolute URL pointing to that tweet
  3. Something doesn't change, though: the background of the modal. Even though we started from e.g. twitter.com/linus_borg and went to twitter.com/vuejs/status/xxxxx when we opened the modal, my profile's timeline is still in the brackground.

What package did you use for your project. Is it work with Nuxtjs?
Thank you!

Can't find the running port

I ran 'npm start' the app says app running but I can't seem to find the port its running on. I tried the default "localhost:3917" but it doesn't seem to be running on that port, and no other port is displayed

new update

notifications
photoupload
mobileversion

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.