/sm-app-v1

"Baat - Cheet" - a social media app that allows you to post text - longer than 140 characters! Speak your heart out - Speak your mind :)

Primary LanguageJavaScript

Baat-Cheet - Social Media App

  • The project is built with Mockbee as backend and ReactJS, Vanilla CSS.

Project is live at

https://baat-cheet-reactv1.netlify.app/

Watch demo here

Loom demo

This social media app has following features:

  • Home page with user feed - filter by trending or latest posts.
  • Explore page to view posts by topic
  • Bookmark page to view bookmarked posts
  • Posts - user can like or bookmark self or others' posts.
  • Posts - user can edit or delete self posts.
  • Follow / Unfollow - user can follow or unfolllow from right sidebar or visiting other's profile page.
  • Profile page for logged in user - edit details.
  • Profile page for other users - logged in user can follow / unfollow by visiting their profile.
  • Logged in user can create new posts.
  • Private routes for all routes except Login and Signup pages.
  • This website uses useState, useContext and React Router for routing.
  • use React toastify to show alerts for some of the user actions like login, signup, logout, add/remove bookmarks, edit user details and unfollow other profile.

Legends:

🚧 - in process of checking

✔️ - checked and working

Action Login Signup Login as Guest
Home feed ✔️ ✔️ ✔️
Latest / trending user feed ✔️ ✔️ ✔️
Explore feed ✔️ ✔️ ✔️
Bookmark feed ✔️ ✔️ ✔️
View self Profile page ✔️ ✔️ ✔️
Edit self Profile page ✔️ ✔️ ✔️
View other profile page ✔️ ✔️ ✔️
Follow / Unfollow other profile ✔️ ✔️ ✔️
Write new posts ✔️ ✔️ ✔️
Like / remove like all posts ✔️ ✔️ ✔️
Bookmark / remove bookmark all posts ✔️ ✔️ ✔️
Logout ✔️ ✔️ ✔️

Login Page

1_Login

Signup Page

2_Signup

Home Page

4_HomePage

Home Page after creation of new post

5_HomePage_NewPost

Profile Page

5_ProfilePage_Self_Whole

After Following other User - logged in user profile Page

6_ProfileUpdate_Following

Edit Profile Page

7_EditProfile_1

7_EditProfile_2

8_EditProfile_Updated

Other Person Profile Page

10_OtherProfile

10_OtherProfile_Follow

Make new post Modal

11_MakeNew_PostModal

Explore Page

13_ExplorePage

14_ExploreScienceCategory

Bookmark Page

15_BookmarkPage

Like Posts

16_LikePost

Trending Posts

17_TrendingLatestPosts

17_TrendingPosts1

Latest Posts

19_LatestsPosts

Toast Messages

LoggedinToast

LoggedOutToast