Supes Chat

A Social Media application to login as a SuperHero from DC Comics.

Live Preview: Supes-Chat

How to install and run locally?

$ git clone https://github.com/zabihhaqqani/supes-chat.git
$ cd supes-chat
$ npm install
$ npm start

Technologies used :

• React JS

• React Context API + useReducer

• React Router

• Tailwind CSS

• Shadcn/UI

• Mockbee for backend: MockBee

• FontAwesome icons

• Toastify

Features :

• Landing Page

• Authentication

  • Sign-up
  • Login
  • Logout

• User Feed

  • List of your user posts and the people you follow.

• Explore Feed

  • List all user posts
  • Sort posts by Latest/ Trending / Oldest.

• User Suggestions

  • Follow / Unfollow users
  • Search Users

• Like / Unlike a Post

• Add / Remove bookmark on a post

• Dark / Light Theme

• Delete your posts

• Profile Page

• Edit bio, website link

• Check followers / following list

• list of all posts posted by user