Light

misa-j / social-network Goto Github PK

View Code? Open in Web Editor NEW

615.0 25.0 137.0 10.63 MB

Mini social network that I made as my first web app project.

Home Page: http://46.101.189.55/login

License: MIT License

JavaScript 87.59% HTML 0.42% CSS 7.19% Handlebars 4.81%

social-network realtime react notifications redux socket-io nodejs mongodb express javascript mern-stack

social-network's Introduction

social-network

Mini social network that I made as my first web app project.

Demo

Screenshots

Gif

Link to a full video

Built With

React - A JavaScript library for building user interfaces
Redux - State managment
Semantic UI React - UI
Socket.io - Used for realtime features
Node - Used for backend
Mongodb - Database

Features

Like posts, comments, replies
See likes for posts, comments, replies
Follow, unfollow
Update user information
Search users
Tag people on post and in comments with autocomplete
Send verification email
Pagination for home feed, user profile, hashtag page, location page, notifications, comments, replies

Realtime

Get notification when someone likes your post, comment, reply, tag you on post or reply on comment
Chat send text message, image
Seen feature and activity status of user

Installing

Install dependencies

npm i && cd client && npm i && cd ..

Create variables.env file and replace values with yours

NODE_ENV=development
DATABASE="Mongodb Connection String"
JWT_KEY="secretkey"
EMAILUSER="[email protected]"
EMAILPASS="example"
HOST="your ip eg. http://192.168.0.14:5000"
ENABLE_SEND_EMAIL="true or false" // false if you don't want to set it up
TEST_DATABASE="testing db"

Go into client/src/_services/socketService.js and replace

window.location.hostname

with your local IP address on port 5000 eg.

192.168.0.14:5000

Run project

npm run dev

Contribute

Show your support by ⭐ the project.

social-network's People

Contributors

Stargazers

Watchers

Forkers

rodrigo398 chewtoys andrefedev hharzer marktanrj ahsiam xebimedia conorbarclay wangty27 teacherstrange omarberrabeh saldanac conail vdt suchoudh a2393439531 9trocode kustomzone victorray84 abujaiddev simboyz alicantorun m4rm0k stackchain prasilk exponentsoftware intfrr iron-man-dev danielhayespco mikhel-lab subray-shastri-vst-au4 hanmu97 codewithriyan adhadimas91 a-irawan96 guillermocmspain idaniellaw butonix arames34 skillmatic-co gvgesanto2 cr7yash ductnn phatbk pharmon9847 uma-08 achoung 5l1v3r1 victortran-rc silenceway marko351 corkupine lordredblue arunsagarmagic robertmoscaliuc96 wheeless rohngonnarock varsubham vivekrupadhyay ptri7957 raman9937 jonpedigo deadly-coder123 ujjalacharya harshvj03 igefadele ducda0 alirezapiran7 umeshmaurya805 louaierbiha lingelli adilmarghadi1 shokfake pickkaa imaworld-co-limited samarjeetbanik gelo01 fs-projects gbtwa98 darkshymw nivass2k jamznloh siya-gumede znareak deekshita-nirmal12 itcptlxtnd sagarjaid kcmkcm1234 realwayne rodeok codernet2021 vibhorpal4 andreasfantasiaa zedaaa-ux nameicanwrite mynkprtp rashidpbi koussay53 shamapumbu beingakashyadav

social-network's Issues

Trouble setting up the project

Steps to reproduce on Ubuntu L18.04:

use git to clone the project locally
create variables.env in root directory, setting host to localhost:3000(since my nodejs starts at 3000)
change the window.location.hostname variable to localhost:3000 as well
change the proxy address to localhost:3000
This results in a bad request in Ubuntu with NodeJS v10 and a Request Header Too Long error in windows NodeJS v14
Am I doing something wrong?

Uncaught TypeError: Cannot read property '1' of null

I am getting an error when attempting to make a new post, and I am also getting it on the actual demo site as well

Add multiple images to posts

Would be really great if you could add the functionality to add multiple images per post.

Mobile support?

The site isn’t easy to use on small screens like on iPhone. Wondering if you could make it size better on small screens.

I can contrubite addin Turkish Language!

Project

Help for an error

How to fix this when the page load its shows Invalid Host header

help, i cant run it.

Demo Preview Not Working in Mobile

I am getting 431 error

I am getting 431 error after i setup my app and started it .Error
Request Header Fields Too Large

Recommend Projects

React

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

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.