vaheminasyan2 / podhub Goto Github PK

Episode List Page

• Only 10 episodes are displayed. Figure out pagination to display all episodes, or load more episodes as user scrolls down on page.

Describe the bug
Podhub will not load in IE 11 or Firefox 60.5.0

To Reproduce
Steps to reproduce the behavior:

1. Open https://podhub.herokuapp.com in Internet Explorer
2. Open above url in Firefox and log in using Gmail

Expected behavior
Internet Explorer: login page won't load -- only displays blank gray screen.
Firefox: home page won't load after entering in login credentials. Local Storage doesn't appear to populate with user info.

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Internet Explorer 11; Firefox 60.5.0

Describe the bug
Can't play a podcast episode. Receiving GET 404 error

To Reproduce
Steps to reproduce the behavior:

1. Search for "christian growth" podcast
2. Find and open "The Christian Checkup - Be Discerning not Naive - Part 5" episode
3. Click on play button

Actual result
GET 404 error. Episode doesn't play.

Expected behavior (how it's supposed to work)
It should play any podcast episode.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Chrome
• Version: Version 73.0.3683.103 (Official Build) (64-bit)

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Describe the bug
User receives notification about new post even when he doesn't follow anyone.

To Reproduce
Steps to reproduce the behavior:

1. Log in with two different users who don't follow anyone. Go to home page for user 1.
2. For user 2 search for podcast and share.
3. Observe the home page for user 1.

Actual result
New post notification is being displayed.

Expected behavior (how it's supposed to work)
User 1 shouldn't see new post notification as he doesn't follow anyone.

test

• Home Page (Vahe)
  /
  /home

• User Profile page (Vahe)
  /profile

• User Google Auth (Vahe)

• Podcast Episode List Page (Curtis)
  /api/podcast

• Listen Podcast Page (Curtis)
  /api/episodes

• User Search page (Curtis)
  /api/user-search

Describe the bug
A clear and concise description of what the bug is.
User is able to delete other user's comment from their profile page when other user is commented on his own post.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'User's search'
2. Find user
3. Follow user
4. Visit their profile page
5. Click on comment of user's recent posts. Make sure user has commented on his own post.

Expected behavior
Delete button should not be enabled for other user's comment

** Actual result**
Delete button is disabled for other user's comments

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Chrome
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version: Version 73.0.3683.86 (Official Build) (64-bit)

Additional context
Add any other context about the problem here.

Functionalities

• After liking the comment it should reload the modal - Vahe/Lia

• Change black text in favorites with white - Carson

• Navbar Audio Player - Needs formatting -- make it more condensed so it doesn't expand navbar - Carson

• Navbar Audio Player to display podcast title/episode title - Carson

• Make "x" white in favorites - Carson

• Remove follow btn from like post - Vahe

• Add Logo to the Login page - Joseph

• Hitting Enter reloads page or causes error - Curtis

• Replace alerts with animation - Joseph, Carson

• Create page that displays who user is following/ who is following him. Add functionality to User
  Profile page when clicking on following/followers to pop up these modals - Curtis/Joseph

• On profile page on sign out and login back with different user it still shows previous user profile page until you navigate to other page and come back.

• Clicking on heart -> Likes the post - Vahe

• Clicking the number next to heart -> Shows list of users who liked the post - Vahe

• Need functionality to Like/Unlike individual posts - Lia/Vahe

• Fix glitch for the likes functionality - Vahe

• Restrict Delete button to only posts owned by User - Meri

• Need comments modal - by clicking the comment button it opens modal showing existing comments and a form to submit a new comment - Lia/Vahe

• Listen button takes user to the listen page opening in new browser tab. (Home, profile page and favorites) - Curtis

Navbar Audio Player

• Get speed slider to work properly

Design

• Change the login/logout button - Vahe
• Style Google Log Out button - Joseph
• Polish design on user search page - Joseph, Carson
• Favicon isn't visible in the browser window - Joseph, Carson
• Remove borders and only leave bottom border for each post, add padding . Change podcast episode title color from black to something lighter - Joseph, Carson

View Profile

• Clicking User from User Search page redirects to user's profile - Curtis
• Can view profile by clicking user's image from Post

Describe the bug
In the comments modal, one cannot delete more than one comment at once without refreshing the modal. Also, if a user likes a comment and then deletes it, the like for this comment will be added to the succeeding comment. However, only the number of likes is being added, not the actual user who liked the comment. It resets when modal is reopened.

To Reproduce
Steps to reproduce the behavior:

1. Go to Podhub website
2. Click on a comment icon and leave two comments
3. Like the first comment
4. Delete the first comment
5. Try to delete the second comment
6. Refresh modal

Expected behavior (how it's supposed to work)
Comments should delete and take their likes with them. Likes should not be transferred between comments. User should be able to delete multiple comments in succession.

Screenshots
Create two comments and like the first one.

Delete the first comment and its like transfers to the next comment.
Then, cannot delete the next comment without refreshing modal.

Desktop (please complete the following information):

• OS: Windows 7
• Browser: Chrome

test

Describe the bug
A navbar icon should be activated when user clicks on it. Clicking on the Home page for example should activate (highlight) home icon so that user knows on which page he/she is on.

To Reproduce

1. Log in with active user
2. Click on home, profile or search user icon on the navbar and observe.

Actual result
Navbar icon isn't activated when user clicks on it.

Expected behavior (how it's supposed to work)
Navbar icon should be highlighted (activated).

• US1:
  As a user, I want to search for any podcasts/pod episodes on the site so that I can add it to my favorites, listen to, share with others

• US2:
  As a user, I want to add podcasts/pod episodes to my favorites so that I can have them in one place

• US3:
  As a user, I want to share them with other users of the site, so that I can show off the podcasts/pod episodes I listen to

• US4:
  As a user, I want to see what podcasts/ pod episodes other users listen to, so that I can discover new podcasts/pod episodes from people I follow to

• US5:
  As a user, I want to discuss/comment on post podcast/ pod episode, so that I can share my thoughts and hear what other think about it

• US6:
  As a user, I want to like posts, so that I can share my impressions

• US7:
  As a user, I want to listen to the podcast episode not leaving the site, so that I can have one-stop place for sharing and listening podcasts

• March 16 -- Plan, Design, and Research
• March 23 -- Ready MVP (Working App!), Mini-Presentation
• March 30 -- Begin Project Polish, Functionality Push, Final Plan
• April 4 -- Final touches, code freeze, start adding users/data
• April 6 -- Presentation Time!

API Calls & Built-In Audio Player.
(By Saturday classtime)

Describe the bug
A user is able to change their user ID in local storage in order to masquerade as another user on the website.

To Reproduce
Steps to reproduce the behavior:

1. Log in to Podhub
2. Open Local Storage
3. Change "id" column value to another value within range of number users on site

Result
Refresh page and you are now using the site as this other user

Screenshots

Changing this value allows you to switch between users on the site

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Chrome

Describe the bug
An error occurs when opening certain pages in new tabs. Appears to only apply to pages requiring "user" prop.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://podhub.herokuapp.com homepage
2. Right click on Profile and select "Open in new tab"

Expected behavior (how it's supposed to work)
Supposed to open Profile page in a new tab.

Actual behavior
Redirects to page with error message.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows 7
• Browser: Google Chrome

FUTURE UPDATES

Priority 1

• Add ability for user to update his profile image back to google profile image
• Make mobile/tablet responsive - J, Ca
• Add ability for user to edit their message in their post. We have already back-end - C
• Add delete/clear for notification history - V, M
• Add refreshing home page upon scrolling - M
• Update Profile page to enable edit profile functionality: name, about me and profile image - C, L, M, V

Priority 2

• Possible to add option to upload your own podcast - M
• Add Twitter and Facebook sign-in as well as our own user authentication - V, M
• Add direct messaging capability - revisit after main updates are done. Look for libraries for this functionality - team
• Keep player on navbar always with option to hide it. Add icon of current podcast in the memory if something is playing otherwise disable the play button and no logo in podcast logo placeholder. Make logo clickable, add ability to fast forward from navbar - V.
• Replace localStorage with more secure way of storing user data (cookies) or auto gen userId with random number - V

==============================================================

COMPLETED

Updates
Profile Page

• To update About Me section to look more like Status, update buttons - C
• Make favorites as icons/tiles rather than rows - Ca

User Search Page

• User Search page: sort users alphabetically (or have options for sorting)

Listen Page

• Clicking on the podcast icon from the /listen page takes you to podcast /episodeList page

Audio Player

• Audio Player should remember user's spot in podcast
• When clicking Show in Nav while audio is playing in regular player it should pick up same audio and play only from Navbar

Likes

• Make Like icon transparent or white until user likes post -- then it turns red
• On Likes Pop Out, remove divot on bottom.
• Make sure pop out doesn't get cut off if too tall - C
• Add color/animation to Comment Likes - C
• Make user images clickable in the Likes Modal, Comments Modal and Comment Likes Popup so it takes to user's profile page - C
• Make Comment Like icon transparent or white until user likes post -- then it turns red - C

Other

• Update font to something more readable, current font is very narrow and hard to read - Ca
• Add contrast to comment section. Currently it's hard to distinguish comment text from podcast and episode name - Ca
• Polish the light theme - C
• Add S3 for storing user images - L, M
• Add notifications feature to notify user of likes/comments/follows - M, V
• Create back-end for About Me - M
• Add a scroll bar to Profile and Home pages - Ca
• Add copyright notice, about us and contact us pages - C

==============================================================

Functionality
General

• Add some sort of confirmation message for when user Shares or Favorites an episode - V
• Prevent user from favoriting episode multiple times - V

User

• User Search: display all users when empty or emptied - C, J

==============================================================

Design Clean-up

• Podcast Search dropdown should initiate with navbar location as user scrolls. Navbar scrolls with user, but if you scroll down page you'll lose the podcast search dropdown, creating the illusion that it isn't generating results - C

==============================================================

React

• Make PostCard component into a Class component instead of function. Then update Home and Profile pages to remove duplicate code/functions.

==============================================================

Data

• Ensure that updates to our database/models won't erase current information (no dropped tables) - M
• Hide sensitive info (API keys) IMPORTANT - V, L

==============================================================