tech-social

tech-social - A social media website where you can share your thoughts and connect with your friends.

Demo video

tech-social-demo-video

How to install and run locally?

$ git clone https://github.com/SudiptaChakraborty51/tech-social.git
$ cd tech-social
$ npm install
$ npm start

Technologies used :

• React JS
• React Context API + useReducer
• React Router v6
• Vanilla CSS
• mockbee for backend
• FontAwesome icons
• Toastify

Features :

• Landing Page

• Authentication

  • Sign-up
  • Login
  • Logout

• User Feed

• Explore Feed

  • List all user posts
  • Sort posts based on Latest/ Trending / Oldest.

• Single post page

  • Image preview

• User Suggestions

  • Follow / Unfollow users
  • Search Users

• Like / Unlike a Post

• Add / Remove bookmark on a post

• Share posts

• Comment on a post

  • Add comment
  • Edit comment
  • Delete comment

• Create / Edit post with Image/GIF, Video and Emoji Upload

• Delete Own posts

• Profile Page

  • Edit Own Profile Image with Image Upload
  • Can choose from provided Avatars
  • Remove own Profile Image
  • Edit background cover photo with Image Upload
  • Edit name, bio, website link
  • Check followers / following list
  • list of all posts posted by user

Other Features :

• 404 Error Page
• Dark Mode
• Toasts
• Loaders
• Responsive UI