Giter VIP home page Giter VIP logo

react-mini-social-network's Introduction

Single-Page-Social-Network

A reactive single-page-social-network created with React. Screenshots below!!

No longer maintained. But it works

Please visit this link for the updated version of this project.

Other Versions

Vue Version

Golang Version

Ruby On Rails Version

Quick liks

  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

More screenshots.

UI is taken from Instagam-clone I created!!

Own the project

  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"
    MAIL="[email protected]"
    MAIL_PASSWORD="gmail-password"
    SESSION_SECRET_LETTER="anything-secret"
  4. Start the server

    npm start
  5. Now run the app

    localhost:[PORT]     PORT = YOU DEFINED IN .ENV FILE. 1157 BY DEFAULT!!
    
  6. Enjoy!!

Contribute

Show your support by ๐ŸŒŸ the project!!

Feel free to contribute!!

react-mini-social-network's People

Contributors

amjohnp avatar asfai avatar irutii avatar langdaa avatar shwwee avatar techmexdev avatar 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

react-mini-social-network's Issues

Installation

Sorry, how do I install the below npm or yarn? Thanks

  1. First install all dependencies with npm or Yarn:
    npm install
    or
    yarn

Database Nodefault value

Hey going through your code....

When I try to register on my built version , it crashes with...

This is usually caused from an Insert that is missing a default value. What is missing from this? Surely this would be a known issue.

(node:16876) UnhandledPromiseRejectionWarning: Error: ER_NO_DEFAULT_FOR_FIELD: Field 'bio' doesn't have a default value at Query.Sequence._packetToError (/home/appsec/Desktop/React-Instagram-Clone-2.0/node_modules/mysql/lib/protocol/sequences/Sequence.js:52:14) at Query.ErrorPacket (/home/appsec/Desktop/React-Instagram-Clone-2.0/node_modules/mysql/lib/protocol/sequences/Query.js:77:18) at Protocol._parsePacket (/home/appsec/Desktop/React-Instagram-Clone-2.0/node_modules/mysql/lib/protocol/Protocol.js:279:23) at Parser.write (/home/appsec/Desktop/React-Instagram-Clone-2.0/node_modules/mysql/lib/protocol/Parser.js:76:12) at Protocol.write (/home/appsec/Desktop/React-Instagram-Clone-2.0/node_modules/mysql/lib/protocol/Protocol.js:39:16) at Socket.<anonymous> (/home/appsec/Desktop/React-Instagram-Clone-2.0/node_modules/mysql/lib/Connection.js:103:28) at emitOne (events.js:116:13) at Socket.emit (events.js:211:7) at addChunk (_stream_readable.js:263:12) at readableAddChunk (_stream_readable.js:250:11) -------------------- at Protocol._enqueue (/home/appsec/Desktop/React-Instagram-Clone-2.0/node_modules/mysql/lib/protocol/Protocol.js:145:48) at Connection.query (/home/appsec/Desktop/React-Instagram-Clone-2.0/node_modules/mysql/lib/Connection.js:208:25) at Promise (/home/appsec/Desktop/React-Instagram-Clone-2.0/config/db.js:13:8) at new Promise (<anonymous>) at Object.query (/home/appsec/Desktop/React-Instagram-Clone-2.0/config/db.js:12:10) at bcrypt.hash (/home/appsec/Desktop/React-Instagram-Clone-2.0/config/User.js:23:10) at /home/appsec/Desktop/React-Instagram-Clone-2.0/node_modules/bcrypt-nodejs/bCrypt.js:631:3 at _combinedTickCallback (internal/process/next_tick.js:131:7) at process._tickCallback (internal/process/next_tick.js:180:9) (node:16876) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1) (node:16876) [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.

Stuck at signup

I have follow the steps. Then npm start , when go to localhost:3306 everything was fine. I tried to signup but it stuck when press signup button.

After about 30 seconds getting this error in console


Error: Connection lost: The server closed the connection.
Unhandled rejection Error: Connection lost: The server closed the connection.
    at Protocol.end (/Users/mehmetsalihbindak/Desktop/GitLab/React-Mini-Social-Network/node_modules/mysql/lib/protocol/Protocol.js:109:13)
    at Socket.<anonymous> (/Users/mehmetsalihbindak/Desktop/GitLab/React-Mini-Social-Network/node_modules/mysql/lib/Connection.js:109:28)
    at emitNone (events.js:111:20)
    at Socket.emit (events.js:208:7)
    at endReadableNT (_stream_readable.js:1064:12)
    at _combinedTickCallback (internal/process/next_tick.js:139:11)
    at process._tickCallback (internal/process/next_tick.js:181:9)
    --------------------
    at Protocol._enqueue (/Users/mehmetsalihbindak/Desktop/GitLab/React-Mini-Social-Network/node_modules/mysql/lib/protocol/Protocol.js:141:48)
    at Protocol.handshake (/Users/mehmetsalihbindak/Desktop/GitLab/React-Mini-Social-Network/node_modules/mysql/lib/protocol/Protocol.js:52:41)
    at Connection.connect (/Users/mehmetsalihbindak/Desktop/GitLab/React-Mini-Social-Network/node_modules/mysql/lib/Connection.js:130:18)
    at Object.<anonymous> (/Users/mehmetsalihbindak/Desktop/GitLab/React-Mini-Social-Network/models/mysql.js:14:4)
    at Module._compile (module.js:653:30)
    at Object.Module._extensions..js (module.js:664:10)
    at Module.load (module.js:566:32)
    at tryModuleLoad (module.js:506:12)
    at Function.Module._load (module.js:498:3)
    at Module.require (module.js:597:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/Users/mehmetsalihbindak/Desktop/GitLab/React-Mini-Social-Network/models/db.js:2:8)
    at Module._compile (module.js:653:30)
    at Object.Module._extensions..js (module.js:664:10)
    at Module.load (module.js:566:32)
    at tryModuleLoad (module.js:506:12)

nodemon: not found

After ran the command npm start I got the following error:

shahalom@microsolutionsbd ~/www/react-projects/React-Mini-Social-Network $ npm start

[email protected] start /home/shahalom/www/react-projects/React-Mini-Social-Network
nodemon app.js

sh: 1: nodemon: not found

npm ERR! Linux 4.4.0-97-generic
npm ERR! argv "/usr/bin/nodejs" "/usr/bin/npm" "start"
npm ERR! node v4.2.6
npm ERR! npm v3.5.2
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! [email protected] start: nodemon app.js
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the [email protected] start script 'nodemon app.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the single-page-social-network package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! nodemon app.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs single-page-social-network
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls single-page-social-network
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /home/shahalom/www/react-projects/React-Mini-Social-Network/npm-debug.log

==================

FYI, here is the content of .env file:

PORT=YOUR_PORT
MYSQL_HOST="host"
MYSQL_USER="root"
MYSQL_PASSWORD="123456"
MYSQL_DATABASE="react_mini_social_network"
MAIL="[email protected]"
MAIL_PASSWORD="mypass"
SESSION_SECRET_LETTER="asecret"

Do you have any idea why i am having the error?

App crashing

I am getting this error below ( I experienced this when I ran "npm start" after installing nodemon globally). Please find the attached screenshot
nodemon app crahsing

C:\Users\Toyeeb\react-mini-social-network\routes\api-routes.js:28
app.post('/explore', async function(req, res) {
^^^^^

SyntaxError: missing ) after argument list
at createScript (vm.js:56:10)
at Object.runInThisContext (vm.js:97:10)
at Module._compile (module.js:542:28)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (C:\Users\Toyeeb\react-mini-social-network\app.js:20:15)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.runMain (module.js:604:10)
[nodemon] app crashed - waiting for file changes before starting...

Not accessible

It only shows me code index not the web view of the code. Please what do I do? Thanks

Email

Please, check your email

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.