![Coding Star](/img/default-banner.jpg)
- 11
- 363 785
Coding Star
India
เข้าร่วมเมื่อ 6 ก.พ. 2021
A channel which will make you fall in love with coding.
I myself felt that being a self taught developer requires a lot of effort, hardwork.
And during the process you spend lot of time searching for exact tutorials from very different-different sources. And the problem arises when you get stuck within concepts, finding bugs whole day and frustrations.
So, I thought maybe I could help other developer too. And provide them clear concepts, fundamentals, and a good approach to code. And I will be very glad if i could help at least one developer daily.
So I created this channel, we are going to deal here some programming languages and concepts :-
HTML, CSS, BootStrap, JavaScript, jQuery, Command Line, Node JS, Express JS, SQL, MongoDB, RESTful API, ReactJs, Python, and many more.
Where I will be much more focusing on creating content to become a FULL STACK DEVELOPER.
So, dont forget to subscribe and stay tuned.
I myself felt that being a self taught developer requires a lot of effort, hardwork.
And during the process you spend lot of time searching for exact tutorials from very different-different sources. And the problem arises when you get stuck within concepts, finding bugs whole day and frustrations.
So, I thought maybe I could help other developer too. And provide them clear concepts, fundamentals, and a good approach to code. And I will be very glad if i could help at least one developer daily.
So I created this channel, we are going to deal here some programming languages and concepts :-
HTML, CSS, BootStrap, JavaScript, jQuery, Command Line, Node JS, Express JS, SQL, MongoDB, RESTful API, ReactJs, Python, and many more.
Where I will be much more focusing on creating content to become a FULL STACK DEVELOPER.
So, dont forget to subscribe and stay tuned.
Movies App | IMDB Clone | React App | ReactJs Project | 2022
✨ Movies App | IMDB Clone | React App | ReactJs Project | 2022
In this video, we are going to create a Movie app, which will be a IMDB clone created on React App.
This React project will provide us the list of upcoming, popular & top rated movies. On clicking on any movie it will show us the detail page of the movie.
This React app also have a caraousel at the top for displaying movies as hero banner.
Technologies used:
✨ReactJs
✨React Router Dom
✨React Loading Skeleton
✨React Responsive Caraousel
✨Font Awesome
============================================================
Useful Link In Building A Movies App IMDB Clone React App :-
✨ 1. TMDb: The Movie Database API - developers.themoviedb.org/3/getting-started/introduction
✨ 2. IMDB logo - upload.wikimedia.org/wikipedia/commons/thumb/6/69/IMDB_Logo_2016.svg/2560px-IMDB_Logo_2016.svg.png
✨ 3. TMDB movies API
Popular - api.themoviedb.org/3/movie/popular?api_key=4e44d9029b1270a757cddc766a1bcb63&language=en-US
Upcoming - api.themoviedb.org/3/movie/upcoming?api_key=4e44d9029b1270a757cddc766a1bcb63&language=en-US
Top Rated - api.themoviedb.org/3/movie/top_rated?api_key=4e44d9029b1270a757cddc766a1bcb63&language=en-US
Movie Detail API - api.themoviedb.org/3/movie/{{ id }}?api_key=4e44d9029b1270a757cddc766a1bcb63&language=en-US
✨ 4. React Dev Tools - chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en
✨ 5. React Responsive Caraousel - www.npmjs.com/package/react-responsive-carousel
✨ 6. TMDB image path - image.tmdb.org/t/p/original/{{ imagePath }}
✨ 7. Font Awesome CDN - fontawesome.com/v5.15/how-to-use/customizing-wordpress/snippets/setup-cdn-webfont
✨ 8. React Loading Skeleton - www.npmjs.com/package/react-loading-skeleton
✨ 9. GITHUB Repo - github.com/PrinceRaaaj/IMDB-clone-ReactApp
============================================================
So, Like , subscribe, share, and support to keep us motivating.
============================================================
Checkout More:-
✨ Socket.io Chat App :- th-cam.com/video/-wUBcivCOk8/w-d-xo.html
✨Login & Register MERN Stack :- th-cam.com/video/SyEQLbbSTWg/w-d-xo.html
✨ MERN Stack Projects(React Js, Node Js, Express Js, MongoDb ) - In Hindi : -
th-cam.com/play/PLMHkO6THGgW5bpnBV4Xrye3nsFiwFQEga.html
=============================================================
Social Links:-
✨ Github - github.com/PrinceRaaaj
✨ Instagram - codingstar98
✨ Instagram (personal)- prince_raaaj
✨ Facebook - princeraj08feb
✨ Movies App | IMDB Clone | React App | ReactJs Project | 2022
#Codingstar #reactjs #javascript
In this video, we are going to create a Movie app, which will be a IMDB clone created on React App.
This React project will provide us the list of upcoming, popular & top rated movies. On clicking on any movie it will show us the detail page of the movie.
This React app also have a caraousel at the top for displaying movies as hero banner.
Technologies used:
✨ReactJs
✨React Router Dom
✨React Loading Skeleton
✨React Responsive Caraousel
✨Font Awesome
============================================================
Useful Link In Building A Movies App IMDB Clone React App :-
✨ 1. TMDb: The Movie Database API - developers.themoviedb.org/3/getting-started/introduction
✨ 2. IMDB logo - upload.wikimedia.org/wikipedia/commons/thumb/6/69/IMDB_Logo_2016.svg/2560px-IMDB_Logo_2016.svg.png
✨ 3. TMDB movies API
Popular - api.themoviedb.org/3/movie/popular?api_key=4e44d9029b1270a757cddc766a1bcb63&language=en-US
Upcoming - api.themoviedb.org/3/movie/upcoming?api_key=4e44d9029b1270a757cddc766a1bcb63&language=en-US
Top Rated - api.themoviedb.org/3/movie/top_rated?api_key=4e44d9029b1270a757cddc766a1bcb63&language=en-US
Movie Detail API - api.themoviedb.org/3/movie/{{ id }}?api_key=4e44d9029b1270a757cddc766a1bcb63&language=en-US
✨ 4. React Dev Tools - chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en
✨ 5. React Responsive Caraousel - www.npmjs.com/package/react-responsive-carousel
✨ 6. TMDB image path - image.tmdb.org/t/p/original/{{ imagePath }}
✨ 7. Font Awesome CDN - fontawesome.com/v5.15/how-to-use/customizing-wordpress/snippets/setup-cdn-webfont
✨ 8. React Loading Skeleton - www.npmjs.com/package/react-loading-skeleton
✨ 9. GITHUB Repo - github.com/PrinceRaaaj/IMDB-clone-ReactApp
============================================================
So, Like , subscribe, share, and support to keep us motivating.
============================================================
Checkout More:-
✨ Socket.io Chat App :- th-cam.com/video/-wUBcivCOk8/w-d-xo.html
✨Login & Register MERN Stack :- th-cam.com/video/SyEQLbbSTWg/w-d-xo.html
✨ MERN Stack Projects(React Js, Node Js, Express Js, MongoDb ) - In Hindi : -
th-cam.com/play/PLMHkO6THGgW5bpnBV4Xrye3nsFiwFQEga.html
=============================================================
Social Links:-
✨ Github - github.com/PrinceRaaaj
✨ Instagram - codingstar98
✨ Instagram (personal)- prince_raaaj
✨ Facebook - princeraj08feb
✨ Movies App | IMDB Clone | React App | ReactJs Project | 2022
#Codingstar #reactjs #javascript
มุมมอง: 130 636
วีดีโอ
Build A Realtime Chat App In ReactJS and NodeJS | Socket.io Tutorial | Create Chat App Using ReactJs
มุมมอง 11K2 ปีที่แล้ว
Build A Realtime Chat App In ReactJS and NodeJS | Socket.io Tutorial | Create Chat App Using ReactJs ✨ Frontend - ReactJs, HTML, CSS, JavaScript, Bootstrap ✨ Backend - NodeJs, ExpressJs, Socket.IO 👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇 PROJECT LIVE URL - chat-socket-io-prince.herokuapp.com/ 👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆 In this video I am going to built a socket.io real time chat app that uses NodeJs and ExpressJs in b...
Login & Register - MERN stack - LocalStorage - (React js, Node Js, Express Js, MongoDB) - 2021
มุมมอง 8K2 ปีที่แล้ว
Login & Register - MERN stack - LocalStorage - (React js, Node Js, Express Js, MongoDB) - 2021 ✨ Frontend - ReactJs, HTML, CSS, JavaScript ✨ Backend - NodeJs, ExpressJs, MongoDB, Mongoose This video is second part of Login & Register - Hindi - MERN stack . In this video i am going to tell you how to use localStorage in ReactJs and MERN project. Dont forget to watch the first video. First Video:...
ReactJs - Skeleton Loading for API - Hindi Tutorial - 2021
มุมมอง 15K3 ปีที่แล้ว
ReactJs - Skeleton Loading for API - Hindi Tutorial - 2021 This project specially focuses on how to achieve skeleton loading on our react app when the API is being called. I had used some online API that is providing us a list of user that is required by us on our React project. So when the App load for the first time the API is being called and the skeleton is visible of our card. When the API...
3. React Js Tutorial - JSX - Hindi - 2021
มุมมอง 2413 ปีที่แล้ว
3. React Js Tutorial - JSX - Hindi - 2021 In this video we are going to learn about What is JSX, and how it is different from HTML, and also we are going to learn how we can use it in reactJs. So watch the full video to know about JSX. Initialize React App - th-cam.com/video/TiPWpYy8Xgc/w-d-xo.html And dont forget to Like , subscribe, share, and support to keep us motivating. Checkout More:- ✨ ...
Reminder App with WhatsApp notify - Hindi - MERN Stack (ReactJs, Node Js, ExpressJs, MongoDB) - 2021
มุมมอง 17K3 ปีที่แล้ว
Reminder App with WhatsApp notify - Hindi - MERN Stack (ReactJs, Node Js, ExpressJs, MongoDB) - 2021 ✨ Frontend - ReactJs, HTML, CSS, JavaScript ✨ Backend - NodeJs, ExpressJs, MongoDB, Mongoose In this video I am going to build an awesome MERN stack app that has a feature to notify on reminder on whatsapp. So, just jump start the video and you will be able to create this amazing app, I am using...
2. React Js Tutorial - Initialization, Folder Structure & cleaning process - Hindi - 2021
มุมมอง 1.5K3 ปีที่แล้ว
2. React Js Tutorial - Initialization, Folder Structure & cleaning projecss - Hindi - 2021 Video TImeline: ⏭ Intro: 00:00 ⏭ Initializing App: 00:29 ⏭ Mini Task For You: 01:11 ⏭ Cleaning Process: 01:42 ⏭ Starting App: 04:39 ⏭ Folder Structure: 06:05 ⏭ Ending: 08:10 In this video we are talking about, How to initialize our first react app, of HELLO WORLD. We are also discussing folder and file st...
1. React Js Tutorial - Inroduction, What and Why React Js - Hindi - 2021
มุมมอง 6573 ปีที่แล้ว
React Js Tutorial - Inroduction, What and Why React Js - Hindi - 2021 Hello, Everyone today I am starting a brand new series on React Js, in which I will be covering all the important topics such as Jsx, Components, Hooks, State, props, conditional rednering, immutability, fragrance, and many more. This course is the way to becoma a Master in React Js. ✨ React Official Site - reactjs.org/ So, L...
Login & Register - Hindi - MERN stack (React js, Node Js, Express Js, MongoDB) - 2021
มุมมอง 173K3 ปีที่แล้ว
Login & Register - Hindi - MERN stack (React js, Node Js, Express Js, MongoDB) - 2021 ✨ Frontend - ReactJs, HTML, CSS, JavaScript ✨ Backend - NodeJs, ExpressJs, MongoDB, Mongoose In this video I am going to build a complete login and registration functionality in Mern stack (ReactJs, NodeJs, ExpressJs, MongoDB), and also dealing with some concepts related to javascript and other function, like ...
Frosty Glass Effect with HTML & CSS - Tutorial in Hindi - 2021
มุมมอง 3673 ปีที่แล้ว
Frosty Glass Effect with HTML & CSS - Tutorial in Hindi - 2021 The video focuses on how to achieve a frosty glass effect UI with just plain HTML and CSS. This tutorial will guide you with the step by step procedure, and concepts related to achieving this Frosty glass effect in webpage UI. Video TImeline: ⏭ Intro: 00:00 ⏭ HTML Structuring: 00:30 ⏭ CSS styling: 01:44 ⏭ Ending: 15:14 Important pro...
The Keeper App - Hindi Tutorial - MERN( MongoDb, Express Js, React Js, Node Js ) - 2021
มุมมอง 7K3 ปีที่แล้ว
The Keeper App - Hindi Tutorial - MERN( MongoDb, Express, React, Node ) - 2021 ✨ Frontend - React Js, HTML, CSS, JavaScript, Bootstrap, FontAwesome ✨ Backend - Node Js, Express Js, MongoDB, Mongoose In this video I am going to build Keeper app that is based on ReactJs, and supported with Node Js, Express Js backend. And the databse used here is MongoDB. There are 3 steps involded in this react ...
Seriously man , the content and the knowledge you are providing is magnificent
please koi api ki lin share kr do because description link nhi run hori hai
nice project this will open me the gate of API handle and may more muchx100 thanks to you sir
API is not working brother
APis not working
Why the api not now working . I have made in 2023 at that time it was working fine but now it is not working why ??
Thank u sooo much bahi best vedio
🎉❤
API is not working
how is classification of movie (top,uocoming)is done here???
Connection established at port 9002 E:\React\New folder\Login\login-register-backend ode_modules\mongoose\lib\mongoose.js:423 throw new MongooseError('Mongoose.prototype.connect() no longer accepts a callback'); ^ MongooseError: Mongoose.prototype.connect() no longer accepts a callback at Mongoose.connect (E:\React\New folder\Login\login-register-backend ode_modules\mongoose\lib\mongoose.js:423:11) at file:///E:/React/New%20folder/Login/login-register-backend/index.js:10:10 at ModuleJob.run (node:internal/modules/esm/module_job:194:25) Please, someone help?
Please remove the bg music, its disturbing
bhai i want help cause my movie image is not working can u please help in that the synopsis and image is not working properly
Do anyone get the error of axios , While using post method
Sir you are very good, I learned and implemented this project in 4 days (because when I implemented I face many errors but I fixed errors) and this video is very helpful for me because in it I learn front end, back end and DB. Thanks ❤
thankyou so much for the guidance..made my first project very well..also i learned very much from you
The most simplest and easiest way for login form 😮
Me encanto, gracias por tu ayuda❤
bro when i am going to add footer is not working
thank you for this video. it's helpful. thanks.
thanks bhai 👍👍👍
Bro TMDB me issue dikharaha hai wo site open nahi horaha hai
Tumhare fast forward k chakkar me hamare L lag ja rahe hai...
how to make this project responsive for all devices can anybody help plz??
search option dalnaa chahiyethaa
API is not working
Bhai copy v nhi krne aata tumko 😂
00:01 Implementing login and access control 02:44 Setting up the MERN stack project 09:30 Creating login and register operations 12:12 Demonstration of login and registration process in MERN stack 18:42 Exploring login functionality in MERN stack 21:23 Creating user login and registration process 26:16 Configuring and using Express in MERN stack 29:26 Using and managing databases in MERN stack projects 35:13 Setting up login and registration process in MERN stack 38:01 Handling user registration and login process 43:35 Making a post request and handling responses 46:08 Handling request body and data manipulation in the MERN stack 52:43 Sending a message and making necessary changes in the network 56:30 Logging in and user validation process 1:02:47 How to implement login and register functionality in MERN stack (React js, Node Js, Express Js, MongoDB) 1:05:59 Explanation of switch statements and usage in MERN stack 1:10:27 Login and Register flow with MERN stack 1:12:43 Implementation of login and registration in MERN stack 1:17:54 Handling user login functionality 1:21:01 Handling user login and registration flow 1:26:31 Setting up login and register functionality Crafted by Merlin AI.
thank you so much bro
sir how to login using google account
Easy and beginner friendly❤
Please Make complete MERN ecommerce website
amazing tutorial bro
just finished this project
just love your explainations
very informative
Great video and explanation. ❤❤
if anyone make searchbar in this project
Thanks bro!
Thanks brother❤
How to deploy this project bro ?
Why mongo db isn't used?
but removing some files shows error
sir i am facing issues nothing is displaying on browser. please respond me.
01:07:35 I am not getting Switch in react router dom. Could someone help me?
very useful tutorial. please make more such webapp videos. 😃
Thank you bhai it really helped me. But many things changed like useHistory is now useNaviagte and Switch to Routes. maybe be more. Make more such videos 😎
25:45 npm init -y
bro please add search bar and add favarate list
how you pass data as a movie in movie list to card both are siblling how we pass props in sibling?
really great explanation sir