Code Monkey home page Code Monkey logo

mern_youtube_clone's People

Contributors

abhipatel10 avatar arjunchoudhury07 avatar awesomeasma avatar beingfarazkhan avatar laxmankohar avatar learning-repo1 avatar mecivil avatar mnnkhndlwl avatar pooranjoyb avatar rubyseher avatar sarkartanmay393 avatar singhalaman23 avatar sowham-3098 avatar tushar-go avatar vaibhavtalkhande avatar zugzwang03 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

mern_youtube_clone's Issues

[Feature]: add loading spinner to search page

Is your feature request related to a problem? Please describe.

No response

Describe the solution you'd like

while searching for a video a loading spinner should be shown

Describe alternatives you've considered

No response

Additional context

No response

[Bug]: Remove Bottom Scroller

Describe the bug

Remove Bottom Scroller

To Reproduce

No response

Expected Behavior

The website must not have a bottom scroller.ย 

Screenshot/ Video

image

Desktop (please complete the following information)

All

Additional context

Anyone Can take this issue and also add Good first issue and JWOC label here

Add a dummy mic button EXACTLY like YouTube and redesign the search bar.

Is your feature request related to a problem? Please describe.

No response

Describe the solution you'd like

I want to redesign the search bar so that it looks exactly like youtube's search bar, by adding the blue border on it.
I also want to add a dummy mic button just beside the search bar to make the navbar even more like the original youtube's navbar.
In short, i want to create this (along with the MIC button)
image

Please assign this issue to me under JWOC and do add the relevant tags.

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: make a admin user

Is your feature request related to a problem? Please describe.

No response

Describe the solution you'd like

make a user
this user should be able to see delete icons on all videos
this user should be able to delete all videos

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: add feature to share videos

Is your feature request related to a problem? Please describe.

No response

Describe the solution you'd like

on clicking share button
link of the video should be copied
and show a notification that video link is copied
also add some animation to that share button while clicking

Describe alternatives you've considered

No response

Additional context

No response

[Bug]: Improve the light mode visibility

Describe the bug

Most of the entities are not visible in the light mode like some icons, title of the website, and many others. I can fix that under JWOC'23.

In light mode, it is
image

In dark mode, it is
image

To Reproduce

No response

Expected Behavior

No response

Screenshot/ Video

No response

Desktop (please complete the following information)

No response

Additional context

No response

[Feature]: add any new feature you like

Is your feature request related to a problem? Please describe.

No response

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

add a loading spinner in home screen

add a lot spinner in home screen the loading spinner should be shown while server fetches videos
A custom spinner is already there in utils folder just use that or if you can also modify that spinner

[Bug]: Make Sidebar Responsive

Describe the bug

make sidebar responsive also make it sticky as per youTube.

All routes and Icons should come dynamically.

To Reproduce

No response

Expected Behavior

Sidebar should be responsive

Screenshot/ Video

No response

Desktop (please complete the following information)

No response

Additional context

Please add JWOC And Hard label on this issue.

Anyone can take this issue.

No response

[Bug]: on video page two video components are showing

Describe the bug

image

To Reproduce

No response

Expected Behavior

it should show only one video component

Screenshot/ Video

No response

Desktop (please complete the following information)

No response

Additional context

No response

[Feature]: implement feature to edit user info

Is your feature request related to a problem? Please describe.

No response

Describe the solution you'd like

edit user info page is already been made you have to connect backend with that page
no need to edit users's profile photo

Describe alternatives you've considered

No response

Additional context

No response

[Bug]: Visibility of text

Describe the bug

The text present is of black color as a result it is hardly decipherable, making it white or grey may improve readibility.

image

Also the text on the title of the web page is Youtube, I can change that name to VideoTube along with the web icon.

image

I can fix this under JWOC'23.

To Reproduce

No response

Expected Behavior

No response

Screenshot/ Video

image

Desktop (please complete the following information)

No response

Additional context

No response

[Feature]: align the loading spinner of home screen at center

Is your feature request related to a problem? Please describe.

No response

Describe the solution you'd like

currently loading spinner of home screen is not aligned at center
make sure while making pull request you add relevant screenshots or videos

Describe alternatives you've considered

No response

Additional context

No response

[Update]: Make a separate file for MongoDb Connection

Describe the bug

We Should make a separate file for MongoDb this will to increase code quality and faster connection.

To Reproduce

Backend MongoDb Connection

Expected Behavior

No response

Screenshot/ Video

image

Desktop (please complete the following information)

No response

Additional context

No response

[Feature]: make an api for report an issue

Is your feature request related to a problem? Please describe.

No response

Describe the solution you'd like

what I want is user should be able to report an issue
you have to make an API for adding the issue
list all the issues
if u want more clarification contact me on discord

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: add loading spinner to video page

Is your feature request related to a problem? Please describe.

No response

Describe the solution you'd like

the spinner should be shown when is current video is fetching you can use spinner present in utils folder

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: change the video component

Is your feature request related to a problem? Please describe.

No response

Describe the solution you'd like

image
change the whole video component like above image

Describe alternatives you've considered

No response

Additional context

No response

[Doc]: Add hacktoberfest logo in the documentation

Describe the bug

  • Information addition regarding the newest change through a PR.
  • Typo error.
  • New category addition.
  • Refractoring sentences that make more sense.
  • Fixing broken links.
  • Refractors / reformating of the document.

[Bug]: Video overlay to the Navbar

Describe the bug

image

To Reproduce

Go to Home page
Click on any video
Scroll down and you can see Video overlap to the navbar

Expected Behavior

Navbar must appear on first

We can add Z-index to Navbar for solving this Bug

Screenshot/ Video

No response

Desktop (please complete the following information)

All

Additional context

I want to work on this issue under JWOC

[Feature]: add some effects on search bar

Is your feature request related to a problem? Please describe.

No response

Describe the solution you'd like

when we click on search bar in youtube there will be a blue border applied on the search bar do the same thing here

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: add a cross icon on the warning component in sign page

Is your feature request related to a problem? Please describe.

No response

Describe the solution you'd like

after warning sign is shown user should be able to close that by clicking on a cross icon

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: Search with Voice ๐ŸŽ™๏ธ

Is your feature request related to a problem? Please describe.

It's not totally related to any problem, but there is a mic button and it is not functioning.

Describe the solution you'd like

There is a package called react-speech-recognition, and with this, we can implement a Voice to Text feature.

Describe alternatives you've considered

None ๐Ÿดโ€โ˜ ๏ธ

Additional context

@mnnkhndlwl I would like to implement it under JWOC.

[Bug]: timeago.js issues and source-map-loader

Describe the bug

The warnings are related to unused variables and deprecated options, as well as some warnings from the source-map-loader. You can safely ignore most of these warnings, but it's still a good practice to address them.

The error messages that appear repeatedly relate to timeago.js source maps not being found. This can indicate that the timeago.js library is not installed correctly or that the file paths are incorrect. You can try to reinstall the timeago.js library to see if that resolves the issue.

To Reproduce

I'm having this issue running the docker-compose or on my computer directly

Expected Behavior

No response

Screenshot/ Video

No response

Desktop (please complete the following information)

No response

Additional context

youtube-react-client |
youtube-react-client | > [email protected] start
youtube-react-client | > react-scripts start
youtube-react-client |
youtube-react-client | Browserslist: caniuse-lite is outdated. Please run:
youtube-react-client | npx update-browserslist-db@latest
youtube-react-client | Why you should do it regularly: https://github.com/browserslist/update-db#readme
youtube-react-client | (node:26) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
youtube-react-client | (Use node --trace-deprecation ... to show where the warning was created)
youtube-react-client | (node:26) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
youtube-react-client | Starting the development server...
youtube-react-client |
youtube-react-client | Compiled with warnings.
youtube-react-client |
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/format.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/format.ts'
youtube-react-client |
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/index.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/index.ts'
youtube-react-client |
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/lang/en_US.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/lang/en_US.ts'
youtube-react-client |
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/lang/zh_CN.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/lang/zh_CN.ts'
youtube-react-client |
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/realtime.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/realtime.ts'
youtube-react-client |
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/register.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/register.ts'
youtube-react-client |
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/utils/date.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/utils/date.ts'
youtube-react-client |
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/utils/dom.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/utils/dom.ts'
youtube-react-client |
youtube-react-client | [eslint]
youtube-react-client | src/components/Model.jsx
youtube-react-client | Line 4:8: 'Avatar' is defined but never used no-unused-vars
youtube-react-client |
youtube-react-client | src/pages/Video.jsx
youtube-react-client | Line 173:28: 'closeSnackbar' is assigned a value but never used no-unused-vars
youtube-react-client | Line 176:25: 'loading' is assigned a value but never used no-unused-vars
youtube-react-client |
youtube-react-client | src/redux/store.js
youtube-react-client | Line 1:10: 'PersistGate' is defined but never used no-unused-vars
youtube-react-client |
youtube-react-client | Search for the keywords to learn more about each warning.
youtube-react-client | To ignore, add // eslint-disable-next-line to the line before.
youtube-react-client |
youtube-react-client | WARNING in ./node_modules/timeago.js/esm/format.js
youtube-react-client | Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/format.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/format.ts'
youtube-react-client |
youtube-react-client | WARNING in ./node_modules/timeago.js/esm/index.js
youtube-react-client | Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/index.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/index.ts'
youtube-react-client |
youtube-react-client | WARNING in ./node_modules/timeago.js/esm/lang/en_US.js
youtube-react-client | Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/lang/en_US.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/lang/en_US.ts'
youtube-react-client |
youtube-react-client | WARNING in ./node_modules/timeago.js/esm/lang/zh_CN.js
youtube-react-client | Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/lang/zh_CN.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/lang/zh_CN.ts'
youtube-react-client |
youtube-react-client | WARNING in ./node_modules/timeago.js/esm/realtime.js
youtube-react-client | Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/realtime.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/realtime.ts'
youtube-react-client |
youtube-react-client | WARNING in ./node_modules/timeago.js/esm/register.js
youtube-react-client | Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/register.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/register.ts'
youtube-react-client |
youtube-react-client | WARNING in ./node_modules/timeago.js/esm/utils/date.js
youtube-react-client | Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/utils/date.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/utils/date.ts'
youtube-react-client |
youtube-react-client | WARNING in ./node_modules/timeago.js/esm/utils/dom.js
youtube-react-client | Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/utils/dom.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/utils/dom.ts'
youtube-react-client |
youtube-react-client | WARNING in [eslint]
youtube-react-client | src/components/Model.jsx
youtube-react-client | Line 4:8: 'Avatar' is defined but never used no-unused-vars
youtube-react-client |
youtube-react-client | src/pages/Video.jsx
youtube-react-client | Line 173:28: 'closeSnackbar' is assigned a value but never used no-unused-vars
youtube-react-client | Line 176:25: 'loading' is assigned a value but never used no-unused-vars
youtube-react-client |
youtube-react-client | src/redux/store.js
youtube-react-client | Line 1:10: 'PersistGate' is defined but never used no-unused-vars
youtube-react-client |
youtube-react-client | webpack compiled with 9 warnings
youtube-react-client | Compiling...
youtube-react-client | Compiled with warnings.
youtube-react-client |
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/format.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/format.ts'
youtube-react-client |
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/index.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/index.ts'
youtube-react-client |
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/lang/en_US.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/lang/en_US.ts'
youtube-react-client |
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/lang/zh_CN.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/lang/zh_CN.ts'
youtube-react-client |
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/realtime.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/realtime.ts'
youtube-react-client |
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/register.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/register.ts'
youtube-react-client |
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/utils/date.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/utils/date.ts'
youtube-react-client |
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/utils/dom.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/utils/dom.ts'
youtube-react-client |
youtube-react-client | [eslint]
youtube-react-client | src/components/Model.jsx
youtube-react-client | Line 4:8: 'Avatar' is defined but never used no-unused-vars
youtube-react-client |
youtube-react-client | src/pages/Video.jsx
youtube-react-client | Line 173:28: 'closeSnackbar' is assigned a value but never used no-unused-vars
youtube-react-client | Line 176:25: 'loading' is assigned a value but never used no-unused-vars
youtube-react-client |
youtube-react-client | src/redux/store.js
youtube-react-client | Line 1:10: 'PersistGate' is defined but never used no-unused-vars
youtube-react-client |
youtube-react-client | Search for the keywords to learn more about each warning.
youtube-react-client | To ignore, add // eslint-disable-next-line to the line before.
youtube-react-client |
youtube-react-client | WARNING in ./node_modules/timeago.js/esm/format.js
youtube-react-client | Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/format.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/format.ts'
youtube-react-client |
youtube-react-client | WARNING in ./node_modules/timeago.js/esm/index.js
youtube-react-client | Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/index.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/index.ts'
youtube-react-client |
youtube-react-client | WARNING in ./node_modules/timeago.js/esm/lang/en_US.js
youtube-react-client | Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/lang/en_US.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/lang/en_US.ts'
youtube-react-client |
youtube-react-client | WARNING in ./node_modules/timeago.js/esm/lang/zh_CN.js
youtube-react-client | Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/lang/zh_CN.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/lang/zh_CN.ts'
youtube-react-client |
youtube-react-client | WARNING in ./node_modules/timeago.js/esm/realtime.js
youtube-react-client | Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/realtime.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/realtime.ts'
youtube-react-client |
youtube-react-client | WARNING in ./node_modules/timeago.js/esm/register.js
youtube-react-client | Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/register.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/register.ts'
youtube-react-client |
youtube-react-client | WARNING in ./node_modules/timeago.js/esm/utils/date.js
youtube-react-client | Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/utils/date.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/utils/date.ts'
youtube-react-client |
youtube-react-client | WARNING in ./node_modules/timeago.js/esm/utils/dom.js
youtube-react-client | Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
youtube-react-client | Failed to parse source map from '/usr/src/app/node_modules/timeago.js/src/utils/dom.ts' file: Error: ENOENT: no such file or directory, open '/usr/src/app/node_modules/timeago.js/src/utils/dom.ts'
youtube-react-client |
youtube-react-client | WARNING in [eslint]
youtube-react-client | src/components/Model.jsx
youtube-react-client | Line 4:8: 'Avatar' is defined but never used no-unused-vars
youtube-react-client |
youtube-react-client | src/pages/Video.jsx
youtube-react-client | Line 173:28: 'closeSnackbar' is assigned a value but never used no-unused-vars
youtube-react-client | Line 176:25: 'loading' is assigned a value but never used no-unused-vars
youtube-react-client |
youtube-react-client | src/redux/store.js
youtube-react-client | Line 1:10: 'PersistGate' is defined but never used no-unused-vars
youtube-react-client |
youtube-react-client | webpack compiled with 9 warnings

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.