Socialite

Live Link -

A social media website where you can connect with your friends!

---

INSTALLATION

1. git clone https://github.com/TusharAnekar/socialite-2.0.git
2. cd sociohaven
3. npm install
4. npm start

---

DEMO VIDEO

https://www.loom.com/embed/88bfb76742b44246ad0797321b5ec09f?sid=b91369ff-cf94-49ff-9241-d7da3aee3569

Pages and Features -

Home Page

• Posts of users you follow
• User suggestions
  • Follow users
• Like/Unlike a post
• Add/Remove bookmark a post
• Create/Edit posts
• Delete your own posts
• Sort posts based on latest/trending

Explore Page

• All posts from latest to oldest

Bookmarks Page

• User bookmarked posts list
  • Remove from bookmarks
  • Like

Profile Page

• Edit your own profile
• Follow/unfollow users
• Logout
• List of all posts posted by the user

Other Features

• Authentication
  • Login
  • Signup
• Search users
• Toasts
• Responsive

Built with -

• React JS
• React Context API + useReducer
• React Router v6
• Vanilla CSS
• Material UI icons
• React Toastify

BACKEND

1. mockBee - https://mockbee.netlify.app/