Full Stack Social Media using MERN, Redux, EC2, Nginx, Docker and Redis

Live Link - Socioztron

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Technologies used

1. HTML
2. CSS
3. JavaScript
4. React
5. Redux
6. Node JS and Express JS
7. MongoDb
8. AWS EC2
9. Nginx
10. Docker
11. Redis

Features:

1. User Authentication (Signup, Login and Logout)
2. Create a Post
   • Add Emojis, Images and Gifs
   • Like
   • Comment
   • Replies
3. Edit Post
4. Delete Post
5. User Feed
   • Filter Trending
   • Sort by Oldest and Latest
6. User Profile
   • Add Profile Picture
   • Add Background Image
   • User Bio
   • Portfolio URL
7. Edit Logged in User Profile
8. Follow/Unfollow users to control content you want to see on Home feed
9. Explore Feed
   • To explore content by users, even from people you don't follow
10. Bookmark Post
11. Chat as DM or in group

You are welcome to contribute to this project

1. Create a personal fork of the project on Github.
2. Clone the fork on your local machine. Your remote repo on Github is called origin.
3. Add the original repository as a remote called upstream.
4. If you created your fork a while ago be sure to pull upstream changes into your local repository.
5. Create a new branch to work on! Branch from development branch.
6. Implement/fix your feature, comment your code.
7. Squash your commits into a single commit with git's interactive rebase. Create a new branch if necessary.
8. Push your branch to your fork on Github, the remote origin.
9. From your fork open a pull request in the correct branch. Target the project's development branch.
10. Once the pull request is approved and merged you can pull the changes from upstream to your local repo and delete your extra branch(es).
11. And last but not least: Always write your commit messages in the present tense. Your commit message should describe what the commit, when applied, does to the code – not what you did to the code.

You can report issues on this project using Github issue

1. You can read more about this from Github Docs

Screenshots

Design

User Authentication Pages

Home Page

Explore Page

Chat Page

Bookmark Page

User Profile Page