/adobe_app

Adobe Media is a social media platform where users must log in first. Then the user will authenticate to use different pages eg. post lists, create posts, post analytics, user list, user profile, and user analytics.

Primary LanguageJavaScript

Adobe Media

Adobe Media is a social media platform where users must log in first. Then the user will authenticate to use different pages eg. post lists, create posts, post analytics, user list, user profile, and user analytics.

Features

  • Fully responsive
  • Login and Signup
  • User can create post
  • User can see posts
  • User can edit post
  • User can delete the post
  • User can like and unlike the post
  • user can see post analytics
  • User can edit profile
  • User can delete profile
  • Live deployed link

    User need to signup first.

    Screenshot (2373)

    After signup user will redirected to login page. here user will login and will get the token.

    Screenshot (2374)

    After getting token user will redirected to post list page where user can see different posts. and user can edit,view, like, unlike, delelte the posts

    Screenshot (2375)

    if user clicks on PostAnalytics in navbar then user will redirected to postanalytics page where user can see total number of post and top 5 most liked posts

    Screenshot (2376)

    If user wants to post something then user have to click on the Create Post in navbar then user will redirected to the create post page where user can make the post.

    Screenshot (2377)

    In case user wants to edit the post then user needs to click on the edit icon.then user will redirected to the post edit page where user can edit the post.

    Screenshot (2384)

    If user clicks on view icon then user will redirected to the view page where user will see details of post.

    Screenshot (2385)

    If user clicks on User List option in navbar then user will redirected to the user list page where user will see different users on adobe media.here user can perform edit, delete, view activities.

    Screenshot (2378)

    if user clicks on UserAnalytics in navbar then user will redirected to UserAnalytics page where user can see total number of users and top 5 most acitve users.

    Screenshot (2379)

    If user clicks on view icon then user will redirected to the view page where user will see details of user.

    Screenshot (2382)

    In case user wants to edit the profile then user needs to click on the edit icon.then user will redirected to the profile edit page where user can edit the profile.

    Screenshot (2383)

    Tech Stack

    frontend

    - React.js - JavaScript - Chakra-ui - React icons

    Backend

    -Express -mongoose -jsonwebtoken -mvc -MongoDb -bcrypt.

    Author

  • Aamir Khan