vishalpatil18 / vistream-react-version Goto Github PK

Describe the bug
When a user accesses private routes in log out, you display an alert but you can open the login modal for him after that as you are doing in Create Playlist button.

To Reproduce
Steps to reproduce the behavior:

1. Logout
2. Try accessing any private route like liked, playlist, etc.
3. The user gets an alert

Expected behavior
A login modal should open

Reference Video
https://www.awesomescreenshot.com/video/8075478?key=64bce7bfdb5414b1b8f67ce77e92bd73

Device

• Mobile
• Desktop/Laptop

Browser

• Chrome
• Safari
• Firefox
• Edge

Is your feature request related to a problem? Please describe.
The current color does not match the background color's tone. Also feels a little jarring to the eyes.

Describe the solution you'd like
I would suggest using #EB1462. I tried it in the dev tools, and the color matches the body background color's tone.

Is your feature request related to a problem? Please describe.
A playlist is what a user can create and add all kinds of videos in that together. They can add videos to playlist, remove videos and even delete the whole playlist.

Describe the solution you'd like
Create a playlist management system using context and reducer.

Is your feature request related to a problem? Please describe.
The home page is the landing page. It is the first page that the user sees when the site loads.

Describe the solution you'd like
Build the home page having various sections like trending videos, videos with categories, featured videos, and drawer. Make various components to achieve the same.

Is your feature request related to a problem? Please describe.
Add Mock database to display it on videos page.

Describe the solution you'd like
Create a mock database and add video data fetching service

Is your feature request related to a problem? Please describe.
Loaders are used when there's some network call and the site is performing an operation that makes the user inactive. Alerts are used to show alert messages to users whenever some action happens or there's a warning or an error.

Describe the solution you'd like
Build a loader and alerts of 4 types which would be info, danger, success, warning.

Is your feature request related to a problem? Please describe.
Add auth provider and services like login, logout, and signup.

Describe the solution you'd like
Build auth provider using useContext and useReducer.

Is your feature request related to a problem? Please describe.
Like management is to manage the videos liked by any user.

Describe the solution you'd like
Build the Like management which would fetch the Liked videos from the backend and also the user could like new videos which would be given to the server using post request and using the delete request to remove the video from liked.

Describe alternatives you've considered
Make use of context and reducer to achieve the following. Only when the user is logged in one could access and add/remove LIked videos from the liked videos.

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Login with a user
2. Add a few videos to like
3. Logout and then login again with another user
4. The previously liked videos from previous users are also there.

Expected behavior
Each user should have separate liked list.

Screenshots

Device

• Mobile
• Desktop/Laptop

Browser

• Chrome
• Safari
• Firefox
• Edge
• Other

Describe the bug
When a user navigates from other pages to settings/clicks on the user, the active state is still on the old tab

To Reproduce
Steps to reproduce the behavior:

1. Go to anypage
2. Click on username at the top in the greeting card
3. The page changes to settings but the state of the tab in the drawer is not updated.

Expected behavior
The state of the active tab should change be set to settings in the drawer.

Screenshots

Device

• Mobile
• Desktop/Laptop

Browser

• Chrome
• Safari
• Firefox
• Edge

Is your feature request related to a problem? Please describe.
Watch later is a list of videos that the user can save for watching videos later or for future reference.

Describe the solution you'd like
Build a watch later management system through which a user could add a video to watch later, remove a video from watch later and clear the whole watch later.

Additional context
Use context and reducer to build the Watch later Management

Is your feature request related to a problem? Please describe.
A single video page is where the user could see the video and find all details about the video

Describe the solution you'd like
Build a single video page that would be dynamic based on its id and route would be done with useParams

Additional context
Using useParams to achieve the dynamic behavior for displaying any video based on its youtubeID

Is your feature request related to a problem? Please describe.
A history page is where the user can see all the history of videos that they have watched.

Describe the solution you'd like
Create a history provider and dispatch to use the history which is fetched by network call from the backend and then displaying the data on the history page. One can also delete a single video from history or clear the whole history at once.

Additional context
Use useContext and useReducer to maintain and update the history state when user watches any video

Is your feature request related to a problem? Please describe.
Save to playlist button on small card should be positioned well.

Describe the solution you'd like
Update the position of save to playlist button in the menu on small video card

Is your feature request related to a problem? Please describe.
In the Playlist menu, playlistName button should have active state if the video already present in that playlist