BuzzBird

BuzzBird - A social media website where you can connect with your friends.

BuzzBird.-.mini.mp4

How to install and run locally?

$ git clone https://github.com/pranita09/buzzbird.git
$ cd buzzbird
$ npm install
$ npm start

Pages and Features -

Home Page

• Posts of users you follow
• User Suggestions
  • Follow users
• Like/Unlike a Post
• Add/Remove bookmark on a post
• Comment on a post
• Create/Edit posts with Images and Emoji Upload
• Delete your Own posts
• Share post link
• Sort posts based on Latest/Trending/Oldest.
• Infinite Scroll

Explore Page

• All Posts from latest to oldest
• Infinite Scroll

Bookmarks Page

• User Bookmarked posts list
  • Remove from Bookmarks
  • Like/Comment

Profile Page

• Edit your Own Profile with an Image Upload
• Can choose from Avatar options also
• Edit background cover photo
• Follow/Unfollow users.
• Check followers/following list.
• Logout
• List of all posts posted by the user

Single Post Page

• Like/Unlike post
• Add/Remove bookmark on a post
• Comment on a post
• Share post link
• Edit/Delete posts
• Liked By Users List
• Comments list
• Edit/Delete own comments

Other Features

• Authentication
  • Login
  • Signup
• Video Upload
• 404 Error Page
• Dark Mode
• Search Users
• Toasts
• Loaders
• Responsive

Built with -

• React JS
• React Context API + useReducer
• React Router v6
• Tailwind CSS
• Material UI components
• mockBee for backend
• React Icons
• React Hot Toast