• Stars
    star
    217
  • Rank 182,446 (Top 4 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 7 years ago
  • Updated almost 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A reactive mini-social-network created with React!! 😍🍻 - No longer maintained.

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

More Repositories

1

React-Instagram-Clone-2.0

A reactive Single-Page Instagram-Clone with some new features!! 💪📸👓 - No longer maintained.
JavaScript
930
star
2

Instagram-clone

An Instagram-clone with my own flavors and features. Own the project with 5 simple steps!! 📸💝☢️ - No longer maintained.
PHP
561
star
3

Go-Mini-Social-Network

A mini social-network created with the awesome Golang💖💖!! - No longer maintained.
Go
303
star
4

Vue-Mini-Social-Network

A reactive mini-social-network created with Vue!! 🏳️‍🌈🤞 - No longer maintained.
Vue
297
star
5

MERN-Social-Network

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

Facemash

A React app to vote 👍👎!!
JavaScript
79
star
7

Rails-Mini-Social-Network

A mini Social-Network created with Rails!! 💎💎 - No longer maintained.
Ruby
38
star
8

Go-Social-Blogging-App

A Social-Blogging App developed with Golang & Mysql!!
Go
31
star
9

Go-User-System

User System created with Golang. It's really fun with Golang!! 🙋🙇🙌🤝👀
Go
28
star
10

Vue-Notes-App

A Notes-App created with Vue. Basically it's a MEVN app!!
Vue
28
star
11

Handy-Notification

A handy Google+ style notification which notifies you & transitions back to the bottom!! 🔔🔔🔔
JavaScript
21
star
12

React-Carpool-App

A simple Carpool App developed with React & Redux!!
JavaScript
18
star
13

Handy-Tooltip

A very handy toolkit that can be used easily with very simple API!! 💬💬💬
JavaScript
18
star
14

React-User-System

A single-page user-system made with MERN stack & Redux!!
JavaScript
16
star
15

modern-web-apis

Explore web APIs which can provide native-like experience.
JavaScript
15
star
16

Handy-Copy

A handy way to copy anything to clipboard!! 🖌🎨🖌🎨
JavaScript
12
star
17

Angular-Notes-App

A Notes App developed with Angular!!
TypeScript
10
star
18

Rails-Notes-App

A Notes-App created with Rails!!
Ruby
10
star
19

Handy-Highlight

A very handy tool to highlight the text & do fun with it - Inspired by Medium. Demo below!! 🎯🎯🎯
JavaScript
9
star
20

Real-Time-Chat

Real-time chat web-app with NodeJS, socket.io & mongoDB!!
JavaScript
8
star
21

fun-with-firebase

Some projects created with Firebase for fun.
JavaScript
5
star
22

faiyazTakkar.dev

Personal portfolio
TypeScript
5
star
23

Handy-Client-Env

Loads environment variables from .env file and outputs them in a JS file!!
JavaScript
5
star
24

Get-User-Location

Using Geolocation API for user's location!!
JavaScript
4
star
25

Go-React-User-System

A single-page user-system made with React, Redux & Golang!!
Go
4
star
26

Handy-PHP-Timeago

A very simple, handy & useful TimeAgo function written in PHP!! 🕗🕗🕗
PHP
4
star
27

Handy-Log

Replace nodejs terminal logs with some attractive logs!!
JavaScript
4
star
28

ownstore.dev

Landing page of OwnStore.
TypeScript
3
star
29

NodeJS-Image-Upload-And-Processing

Image upload & processing with Handy Image Processor package which offers very simple & easy API to use!!
JavaScript
3
star
30

Handy-TimeAgo

Returns Time in ago format!! 🕗🕗🕗
JavaScript
3
star
31

fun-with-rxjs

JavaScript
2
star
32

AJAX-PHP-Drag-And-Drop-Processing

A very simple Drag & Upload with AJAX & PHP!! One of my old projects!!
PHP
2
star
33

fun-with-graphql

JavaScript
2
star
34

React-Router-Examples

Some Useful React Router examples!!
JavaScript
2
star
35

yTakkar

2
star
36

fun-with-docz

JavaScript
2
star
37

Node-With-Passport

Usage of PassportJS with NodeJS!!
JavaScript
2
star
38

Fun-with-animations-in-react

Created with CodeSandbox
JavaScript
2
star
39

Fun-With-Python

Python
2
star
40

automation-with-webdriver

JavaScript
2
star
41

fun-with-charts

JavaScript
2
star
42

fun-with-cypress

JavaScript
2
star
43

fun-with-workers

Some projects exploring different ways to create web-workers
JavaScript
2
star
44

Fun-With-Custom-Web-Components

JavaScript
2
star
45

fun-with-puppeteer

Exploring Puppeteer with some cool projects and usages.
JavaScript
2
star
46

crop-image-backup-project

Project created in 2017 for learning
PHP
1
star
47

Rails-Blog-App

A Blog-App created with Rails!!
Ruby
1
star
48

fun-with-flutter

Dart
1
star
49

Ember-City-App

Ember Cities App!!
JavaScript
1
star
50

Handy-React-Components

JavaScript
1
star
51

ownstore-mini-react-native

Mini app version of OwnStore. WIP...
TypeScript
1
star
52

Fun-With-React-Context-API

Created with CodeSandbox
JavaScript
1
star
53

React-Localization

Created with CodeSandbox
JavaScript
1
star
54

fun-with-rust

WIP
Rust
1
star
55

Fun-With-Ruby

Ruby!!
Ruby
1
star
56

cli-notes

A simple notes-app in CLI for notes management with mongodb!! 💻💻
JavaScript
1
star
57

Localization-With-React-Intl

Created with CodeSandbox
JavaScript
1
star
58

fun-with-docker

JavaScript
1
star
59

AJAX-PHP-Multiple-Image-Processing

One of my projects!!
PHP
1
star
60

validate-env

CLI tool to validate your env files.
TypeScript
1
star
61

fun-with-mutation-observer

WIP
JavaScript
1
star