Giter Club home page Giter Club logo

aamirkhan9420 / adobe_app Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 735 KB

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.

Home Page: https://adobeapp.vercel.app/userform

HTML 4.39% CSS 2.56% JavaScript 93.05%
bcyrpt chakra-ui express js jsonwebtoken mongodb-atlas mongoose mvc-architecture reacticons reactjs

adobe_app's Introduction

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
  • adobe_app's People

    Contributors

    aamirkhan9420 avatar

    Stargazers

     avatar

    Watchers

     avatar

    Recommend Projects

    • React photo React

      A declarative, efficient, and flexible JavaScript library for building user interfaces.

    • Vue.js photo Vue.js

      ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    • Typescript photo Typescript

      TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • TensorFlow photo TensorFlow

      An Open Source Machine Learning Framework for Everyone

    • Django photo Django

      The Web framework for perfectionists with deadlines.

    • D3 photo D3

      Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

    Recommend Topics

    • javascript

      JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

    • web

      Some thing interesting about web. New door for the world.

    • server

      A server is a program made to process requests and deliver data to clients.

    • Machine learning

      Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

    • Game

      Some thing interesting about game, make everyone happy.

    Recommend Org

    • Facebook photo Facebook

      We are working to build community through open source technology. NB: members must have two-factor auth.

    • Microsoft photo Microsoft

      Open source projects and samples from Microsoft.

    • Google photo Google

      Google โค๏ธ Open Source for everyone.

    • D3 photo D3

      Data-Driven Documents codes.