FullStack MERN Social Media App

features todo

• Messenger component

  • last sent message to be visible below name
  • input should be disabled when chat is not selected
  • input should be focused every time after sending message
  • send message on pressing enter
  • delete conversations on unfollow/unfriend
  • getting notified on message
  • set a chat bg
  • timestamps on message sent
  • set messages as reed when seen
  • delete conversation option
  • sender image beside chat bubbles
  • showing typing animation on type

• Post feed

  • newest posts should be on top
  • make comments likable
  • only others can be added as friends
  • newest comments should be on top
  • allow other files and audio posts
  • Time duration of posts
  • add comment on enter
  • added timestamps to comments
  • fix screen height & scroll
  • infinite scrolling
  • store images in cloud storage instead of backend

• Navbar component

  • search users by name
  • make friends from search results
  • add a new component to show all friends from search results
  • disable suggestions on blur from input
  • notification count on new message
  • add user Avatar to desktop navbar with dropdown menu
  • add to help page
  • logout
  • update mobile navbar with icons

• Profile page

  • fix reload problem

  • add social media links to the social media icons

  • add a new component to show and edit profile settings

  • User widget

    • only go to profile page if user name or avatar is clicked
    • update friends count when a new friend is added or unfriended
    • click on friends count to see all friends
    • click on ManageAccountsOutlinedIcon to go to profile settings

  • profile settings

    • change profile picture
    • change location
    • change occupation
    • add birthday
    • add gender

  • add a new component to show help page

  Issues

  • fix infinite scroll problem
  • infinite scroll preformance (Lazy loading)
  • fix reload problem (brouser stored data)
  • handle error page