mnnkhndlwl / mern_youtube_clone Goto Github PK
View Code? Open in Web Editor NEWYoutube Clone built with Mern Stack and Firebase
Home Page: https://youtube-clone-z4tb.onrender.com
License: MIT License
Youtube Clone built with Mern Stack and Firebase
Home Page: https://youtube-clone-z4tb.onrender.com
License: MIT License
No response
while searching for a video a loading spinner should be shown
No response
No response
No response
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)
Please assign this issue to me under JWOC and do add the relevant tags.
No response
No response
No response
make a user
this user should be able to see delete icons on all videos
this user should be able to delete all videos
No response
No response
You can also raise your own issues if the issue is relevant I will assign that issue to you
No response
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
No response
No response
Is that normal ?
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.
No response
No response
No response
No response
No response
currently, the application is not responsive
make it responsive for mobile devices
No response
No response
No response
No response
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
No response
No response
No response
Please Update Title From nakli youtube
to YouTube
Also Change Favicon of This project to YouTube Icon.
@mnnkhndlwl Please add Goodfirstissue
and JWOC
labels here and anyone can take this issue. ๐
How are we supposed to know what variables we need if you don't tell.
make sidebar responsive also make it sticky as per youTube.
All routes and Icons should come dynamically.
No response
Sidebar should be responsive
No response
No response
Please add JWOC And Hard label on this issue.
Anyone can take this issue.
No response
just make a separate page to edit the user info
No response
edit user info page is already been made you have to connect backend with that page
no need to edit users's profile photo
No response
No response
No response
No response
No response
No response
The text present is of black color as a result it is hardly decipherable, making it white or grey may improve readibility.
Also the text on the title of the web page is Youtube, I can change that name to VideoTube along with the web icon.
I can fix this under JWOC'23.
No response
No response
No response
No response
No response
No response
No response
No response
No response
No response
No response
No response
No response
No response
No response
currently loading spinner of home screen is not aligned at center
make sure while making pull request you add relevant screenshots or videos
No response
No response
We Should make a separate file for MongoDb this will to increase code quality and faster connection.
Backend MongoDb Connection
No response
No response
No response
No response
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
No response
No response
No response
the spinner should be shown when is current video is fetching you can use spinner present in utils folder
No response
No response
No response
No response
No response
No response
No response
No response
currently in our app we have used navigator.onLine, but it's useless as it only tells you if there's a local connection, and not whether the internet is accessible.
use https://www.npmjs.com/package/is-online for the same purpose
No response
No response
No response
No response
No response
Go to Home page
Click on any video
Scroll down and you can see Video overlap to the navbar
Navbar must appear on first
We can add Z-index to Navbar for solving this Bug
No response
All
I want to work on this issue under JWOC
add steps about how to properly setup the project
No response
when we click on search bar in youtube there will be a blue border applied on the search bar do the same thing here
No response
No response
No response
after warning sign is shown user should be able to close that by clicking on a cross icon
No response
No response
It's not totally related to any problem, but there is a mic button and it is not functioning.
There is a package called react-speech-recognition
, and with this, we can implement a Voice to Text feature.
None ๐ดโโ ๏ธ
@mnnkhndlwl I would like to implement it under JWOC.
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.
I'm having this issue running the docker-compose or on my computer directly
No response
No response
No response
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.