/tech-social

Tech-Social is social media app that connects users and enables to share their thoughts and learnings to the web similar to what Twitter and Instagram does.

Primary LanguageJavaScript

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