SOCIOHAVEN

Live Link - https://sociohaven.netlify.app/

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

---

INSTALLATION

1. git clone https://github.com/niharika-kesarwani/sociohaven
2. cd sociohaven
3. npm install
4. npm start

---

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
• Share post link
• 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
• Can choose from avatar options
• Edit background cover photo
• 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
• Tailwind CSS
• Material UI icons
• React Hot Toast

BACKEND

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