Trend-wave

Trend wave - A social media app where you can connect with your friends and family and share pictures.

Re_.Final.recording.-.1.July.2023.mp4

Pages and Features

Home Page

• Posts of user and its following's.
• Suggested Users.
• Sort by
  • Trending Posts
  • Latest Posts
• Search Users
• Like/Dislike Post
• Add/Remove Post from bookmark
• Copy Link of Post
• Share Post
• Edit own post
• Delete own post

Explore Page

• All posts of all users.

Single Post Page

• Like/Dislike Post
• Comment on Post
• Edit own comment
• Delete own comment
• Add/Remove Post from bookmark
• Copy Link of Post
• Share Post
• Edit own post
• Delete own post

Bookmark Page

• Bookmarked Posts

Profile Page

• Edit Own Profile
• Log out from own account
• Follow/unfollow users
• Check followers/following count
• See users posts.

Others

• Login/singup
• Dark Mode
• Error Page
• Toasts
• Loaders
• Responsive

Tech Stack

• React JS
• React Router v6
• React useContext + useReducer
• Tailwind CSS
• Font Awesome Icons
• mockbee for backend
• React hot toast

How to Install and Run Locally

git clone https://github.com/sweta1308/trend-wave
cd trend-wave
npm install
npm start