GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → yTakkar → React Mini Social Network

yTakkar / React Mini Social Network

Licence: mit
A reactive mini-social-network created with React!! 😍🍻

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactsocial-networksingle-page-app

Projects that are alternatives of or similar to React Mini Social Network

Vue Mini Social Network
A reactive mini-social-network created with Vue!! 🏳️‍🌈🤞
Stars: ✭ 278 (+36.95%)
Mutual labels:  social-network, single-page-app
Json Schema Editor
JSON Schema Editor is an intuitive editor for JSON schema. It provides a tree view to present the structure of schema, and a property inspector to edit the properties of schema element. Develop with Vue.js 2 and Firebase.
Stars: ✭ 194 (-4.43%)
Mutual labels:  single-page-app
Socialblocklists
Blocklists to block the communication to social networking sites and privacy harming services
Stars: ✭ 161 (-20.69%)
Mutual labels:  social-network
Bootcamp
An enterprise social network
Stars: ✭ 2,110 (+939.41%)
Mutual labels:  social-network
Vue Stack 2.0
Vue 2.0 Project Boilerplate
Stars: ✭ 166 (-18.23%)
Mutual labels:  single-page-app
Activitystreams
Activity Streams 2.0
Stars: ✭ 185 (-8.87%)
Mutual labels:  social-network
Steem
The blockchain for Smart Media Tokens (SMTs) and decentralized applications.
Stars: ✭ 1,915 (+843.35%)
Mutual labels:  social-network
Vecihi
Build Your Own Photo Sharing App in 5 minutes
Stars: ✭ 199 (-1.97%)
Mutual labels:  social-network
Sharect
🔗 A lightweight JavaScript library to let users share their text selections to social networks.
Stars: ✭ 192 (-5.42%)
Mutual labels:  social-network
Graphrec Www19
Graph Neural Networks for Social Recommendation, WWW'19
Stars: ✭ 173 (-14.78%)
Mutual labels:  social-network
Pump.io
Social server with an ActivityStreams API
Stars: ✭ 2,091 (+930.05%)
Mutual labels:  social-network
Una
UNA | Community Management System
Stars: ✭ 166 (-18.23%)
Mutual labels:  social-network
Diaspora
A privacy-aware, distributed, open source social network.
Stars: ✭ 12,937 (+6272.91%)
Mutual labels:  social-network
Active Directory B2c Javascript Msal Singlepageapp
A single page application (SPA) calling a Web API. Authentication is done with Azure AD B2C by leveraging MSAL.js
Stars: ✭ 164 (-19.21%)
Mutual labels:  single-page-app
Expo Native Firebase
🔥 Native Firebase Expo App (iOS, Android) Demo for Firestore, Notifications, Analytics, Storage, Messaging, Database 🚨
Stars: ✭ 197 (-2.96%)
Mutual labels:  social-network
Netmf
Network Embedding as Matrix Factorization: Unifying DeepWalk, LINE, PTE, and node2vec
Stars: ✭ 158 (-22.17%)
Mutual labels:  social-network
Firestore Cloud Functions Typescript
Firebase cloud functions in typescript with Firestore. Using a social network as example
Stars: ✭ 171 (-15.76%)
Mutual labels:  social-network
Human Connection
Free and open-source social network for active citizenship.
Stars: ✭ 177 (-12.81%)
Mutual labels:  social-network
Okuna Api
🤖 The Okuna Social Network API
Stars: ✭ 200 (-1.48%)
Mutual labels:  social-network
Anfora
🏺 Self-hosted photo gallery social network. Under development
Stars: ✭ 197 (-2.96%)
Mutual labels:  social-network
View All Similar Projects ➔

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].