Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jennwah/mern-social-app

MERN full-stack social web app with features such as users can follow, like and comment. Also added feature such as users can bookmark posts and add into their collection.
https://github.com/jennwah/mern-social-app

Last synced: about 2 months ago
JSON representation

MERN full-stack social web app with features such as users can follow, like and comment. Also added feature such as users can bookmark posts and add into their collection.

Awesome Lists containing this project

README

        

# MERN full-stack social app

## Features include
1) Authentication and Authorization (users register, log in, sign out with JsonWebToken and bcrypt for password hashing)
2) User create post with text and photo, delete their post
3) User can follow or unfollow other users. User also get suggestion for following other users in the social platform
4) User can like or dislike posts. User can comment on posts.
5) User can bookmark other posts to be saved into their collection.
6) Load more button feature to load more posts each time user click at home page. To improve web's optimization and scalability.
7) Added 'View all comments' for posts with more than 2 comments. Clicking it will direct user to a single post page where it displays all the comments. This improve on the scalability and optimisation.

## Potential features to be added
1)User can create event page or group just like Facebook.
2)User can chat with other users through private chat.

## Technology used
### For front end
1) React
2) Reactstrap (Bootstrap)
3) FontAwesome Icon

### For back end
1) NodeJs & Express
2) MongoDB

This is my first attempt in building a full-stack social app. Support by starring this repository and I hope more features can be added!

I have uploaded a 2-min video demo app on youtube [here](https://www.youtube.com/watch?v=on8xYyOScvE) for demonstration :)

This project is solely for development purposes.

By Jenn Wah