EOT is a social media platform, a SPA application meant for the users to exchange and share thoughts.
- ReactJs
- MaterialUI
- Redux
- Mockbee for backend
- Landing Page
- Home
- Explore
- Bookmark
- Notification
- Profile
- Authentication Sreens
- Authentication with the required field & regex validations and guest login feature
- create Post with emoji and upload images integration.
- user feed with follow/unfollow, comment, share link, bookmark/unbookmark a post
- user profile with details of the user. Edit profile, edit/delete any post
- upvote/downvote comments. Edit/delete your own comments
- 404 page, filter functionality on posts
- Search functionality using debouncing
If you are a new user then signup first.
If already have an account then login using your login credentials, otherwise you could also do a guest login.
Home Page has header, sidebar, content, recommendation section.
You can create a post and post it. In its action buttons section, it has:
- Upload Images & Videos.
- Emoji enabled.
- Post button.
- like/dislike a post.
- comment on a post.
- share a post.
- bookmark/unbookmark a post.
- edit your post.
- delete your post.
- follow/unfollow any other user.
- comments on the post would be listed just below it.
- vote/upvote any comment.
- edit/delete your comment you did on any post.
- lists all user posts.
- Filter posts based on filters.
Bookmarking a post would add iit to user bookmarks list.
- Add Profile Picture
- You can add a profile picture to the user profile by clicking on the edit profile, You can see an "upload image" component.
- Bio
- I can add a bio of the user by clicking on the edit profile option and where I can see a textbox to add texts and save it by clicking on the save button.
- Portfolio URL
- I can add a bio of the user by clicking on the edit profile option and where I can see a textbox to add the URL of the profile and save it by clicking on the save button.
You can view any user profile by clicking on any of respective recommendation card.