Hey all, this video is more for beginners and beginners in Typescript. I do my best trying to explain things a bit more thoroughly, so let me know what you think! Questions and Discussions about this project can be asked here in discord: discord.gg/2FfPeEk2mX
Hey bro you're awesome I've a request that plz show the localhost development tab after every few minutes of code to see what changes it effect but you keep typing code for 20 minutes and then showed to us how changes look like Don't do that bro
Tried bunch of react with TypeScript projects ..... couldn't be able to complete one. This one I've been able to complete because It's a great project to showcase, a great instructor and great everything.... You are a blessing.....
I discovered this channel recently and it's already one of my favorites. Top tier content and explanation. Thank you very much for the typescript and MERN projects. I'm marathoning them all.
Hi Ed, thanks for this man. Keep uploading quality content like this. I hope you could do ecommerce project with Ts and MERN. Personal Notes: 2:15 - installing vite 11:57 - setting up @path 18:18 - prettier module 30:30 - setup font and root css 52:15 - Link tsx 1:08:05 - Enums 1:17:17 - useMediaQueries 1:37:31 - window.scroll on Top of Screen state 1:44:23 - HomePage 2:13:49 - motion div 2:20:20 - onViewPort 2:33:04 - Mapping cards 2:45:36 - staggered animation 3:02:44 - scrolling images to the right 3:20:57 - react-hook-form
omg, I just watched this video for 45 min and I think this video is better than most tutorial videos in youtube about React + Typescript Thank you for this tutorial Sir!
i've been coding along this project for about an hour and i've gotta say the way you explained every code makes it very easy to understand for me. i would like more intermediate or advanced react/ts/next.js projects as well.
Thank you so much for your video content! I learn a lot when how to write TS and this is the first video that show me how to write Tailwindcss in a complete different way. Your design figma is also very nice, your way of instructing and teaching are also golden.
4th June, 2024. Tuesday. 12.09 am .. Kolkata, IN 🇮🇳. Saved this video in my playlist. Will wake up tomorrow and start building this. Will update as I go. Edits: 1) Done with the HOME section. 7.44pm, 5th June, 2024. Kolkata, IN 🇮🇳. So far so good. Framer-Motion is goin over my head, cz it's my first time, not his fault. Proper usage of Typescript 🔵
I am following one of your previous video, which is an e-commerce web app that include redux toolkit. This new video, to be honest, is what I am waiting for. By the way, the way you teach and show the best practice is understandable and easy to follow, including the complex part, and that’s what I love. Keep on going, bro..
Not sure if anyone is following the video today (8/5/24) but if the tailwind.config file isn't auto formatting then make sure to add import tailwindcss from "tailwindcss"; to the vite.config.ts file.
This has been such a valuable video, I recently had to work on a codebase written in Typescript and this has helped me better understand what's going on and what all the errors that keep popping up in my code mean.
This tutorial is so nice... The UI on EdRoh's screen is big enough to see what's going on on my small computer screen. And Explained in details and thoroughly.
Could you please keep the current dev version of the site up instead of the completed site while you code? It makes it a lot easier to follow along and visualize what's happening with Tailwind as you go. Thank you for the tutorials, they're super helpful!
Hi and thanks for share this excellent material, I have the question about the node and npm version that you are using on your project. I'm having some problems with prettier and tailwindcss configuration files. Possible by node version. Many thanks for the content.
Hey EdRoh, this is a great video but my concern is that the project has too much div containers, which can be hard to maintain? is there a way around this?
Thank you so much for your video content, we used react-anchor-link-smooth-scroll for scroll but on click in the button the scroll animation isnt perfect , i m trying on it.
Great video! some youtubers need to get that rushing and making the video an hour long for a whole project is going to attract viewers which is the exact opposite, a short video (relative to what you're making of course) is only going to highlight your lack of depth in the explanation of what you're doing. People who watch these kind of videos want to learn from them, instead of following along and observing things magically happen without actually understanding the reason behind each choice taken when making the website.
Make nextjs material ui typescript nft marketplace project for beginners ..from basic to advance 🌼🌼🌼now we have idea about tailwind lets learn material ui
Hey Ed, I am currently trying to find out how you turned the three different fonts for the home page picture into an image. What did you use to do this?
i noticed sometimes you created variables and it was not needed at that point in time but to be used later, it will be nice not to because it causes confusion sometimes. But generally this was a great video and it helped my typescript knowledge👍🏼
I really wish you make some tutorials teaching how to use these css frameworks, that you use in your tutorials, cause i get stuck in the settings and configurations", and i always end up using "sass" or "css", so i can continue follow your tutorials. ...By the way i really like your projets in your tutorials. 😎👍
I was following through but after @51:30 the nav bar at my side was distributed vertically, then i removed the const flexBetween = "flex justify-between items-center"; and placed the classes in div, it worked and distrubuted divs horizontally, if i'm keeping the const for the classes, somehow its giving me an issue, could you please help why its doing that ?
Hi awesome tutorial.....Can you do an video streaming mern project with recommendation system based on user search......I can't seem to find any tutorial on this??
Nice tutorial, thank Ed, Is it possible to make a tutorial but not with Tailwind CSS, i find out that it bloater the code and it's really repetitive, i know we could avoid that and create custom classes in tailwind config but non-the-less it bloater the code, what about the old fashioned css/scss or even material ui. ;)
Hey all, this video is more for beginners and beginners in Typescript. I do my best trying to explain things a bit more thoroughly, so let me know what you think!
Questions and Discussions about this project can be asked here in discord: discord.gg/2FfPeEk2mX
please make this kind of exact video with React 🙏
the hero we need but dont deserve!
hell yea with the discord!
your channel is gonna grow even more, #100kin2023
Hey bro you're awesome I've a request that plz show the localhost development tab after every few minutes of code to see what changes it effect but you keep typing code for 20 minutes and then showed to us how changes look like
Don't do that bro
Please sir, i wrote you through email and i am praying that you respond to my email. God bless you
Thank you for your videos!
Tried bunch of react with TypeScript projects ..... couldn't be able to complete one. This one I've been able to complete because It's a great project to showcase, a great instructor and great everything.... You are a blessing.....
Ed, the way you take your time to explain everything in a digestable pace is legendary... thank you!
Finally, someone made TS project 🤗
The way you explain every detail in a clear and concise way is amazing. Great video!
I discovered this channel recently and it's already one of my favorites. Top tier content and explanation.
Thank you very much for the typescript and MERN projects. I'm marathoning them all.
Hey @EdRoh it's nice to be here. Just wanted to let you know that Vite is a french word for "quick", pronounced /vit/, like "veet".
Hi Ed, thanks for this man. Keep uploading quality content like this. I hope you could do ecommerce project with Ts and MERN.
Personal Notes:
2:15 - installing vite
11:57 - setting up @path
18:18 - prettier module
30:30 - setup font and root css
52:15 - Link tsx
1:08:05 - Enums
1:17:17 - useMediaQueries
1:37:31 - window.scroll on Top of Screen state
1:44:23 - HomePage
2:13:49 - motion div
2:20:20 - onViewPort
2:33:04 - Mapping cards
2:45:36 - staggered animation
3:02:44 - scrolling images to the right
3:20:57 - react-hook-form
omg, I just watched this video for 45 min and I think this video is better than most tutorial videos in youtube about React + Typescript
Thank you for this tutorial Sir!
i've been coding along this project for about an hour and i've gotta say the way you explained every code makes it very easy to understand for me. i would like more intermediate or advanced react/ts/next.js projects as well.
Thank you so much for your video content! I learn a lot when how to write TS and this is the first video that show me how to write Tailwindcss in a complete different way. Your design figma is also very nice, your way of instructing and teaching are also golden.
4th June, 2024. Tuesday.
12.09 am .. Kolkata, IN 🇮🇳. Saved this video in my playlist. Will wake up tomorrow and start building this. Will update as I go.
Edits:
1) Done with the HOME section. 7.44pm, 5th June, 2024. Kolkata, IN 🇮🇳. So far so good. Framer-Motion is goin over my head, cz it's my first time, not his fault. Proper usage of Typescript 🔵
I am following one of your previous video, which is an e-commerce web app that include redux toolkit. This new video, to be honest, is what I am waiting for. By the way, the way you teach and show the best practice is understandable and easy to follow, including the complex part, and that’s what I love. Keep on going, bro..
finally I found my self a teacher that can guide me, thankyou for the lesson. .. Praying for your success and safetiness :)
Not sure if anyone is following the video today (8/5/24) but if the tailwind.config file isn't auto formatting then make sure to add import tailwindcss from "tailwindcss"; to the vite.config.ts file.
this channel deserves a subs, you explain everything and i love it
I was actually wondering if you finished the project?? I am still having some issues
@@johanesguerra8557 if found any issues, can u say where to me?
This has been such a valuable video, I recently had to work on a codebase written in Typescript and this has helped me better understand what's going on and what all the errors that keep popping up in my code mean.
Love your pace!
Your selfless efforts are much appreciated Ed.
This tutorial is so nice... The UI on EdRoh's screen is big enough to see what's going on on my small computer screen. And Explained in details and thoroughly.
i am very happy man you did a very great work done man, i have been finding it difficult to understand typescript but your work gives me joy thanks
These videos are freaking amazing! Im so happy you included TypeScript.
Thank you for this tutorial! It was exreamly helpful for TS beginners! Your explanations are great! Wish you and your family all the best)
Thank you! Thank you! Thank you!!! Really appreciate beginner friendly content from a professional like you!!!
Timestamp 11:33. Just started to watch and already love it. Thank you @EdRohDev!
Talk about your approach to learning these frameworks and workflow in putting them all together. the WHY and HOW. thanks your awesome man.
2 hours nonstop coding with you and i'm overwhelmed. Found a great teacher and love the way you explain each steps.
Hi I was actually wondering if you finished the project?? I need some help and I do not have anyone to ask about this project
i just discovered ur chanel lately and it is amazing!!!
Could you please keep the current dev version of the site up instead of the completed site while you code? It makes it a lot easier to follow along and visualize what's happening with Tailwind as you go. Thank you for the tutorials, they're super helpful!
Your videos are very informative and I learned so many things from your video. Nice work. All the best.
Bro In how many days did you shot the video. Great quality content.
you have the talent to teach
Ed, I just want to say that you have been amazing! Keep it up!
You're crushing these 😁🔥🔥
😀
You do explain everything in detail which is great! subscribed to you channel :)
Thank you for this amazing tutorial! Learned so much. 👍🏻👍🏻 Amazing quality content, can't wait to watch another tutorial
Master! Always with the high quality contents you are the best, Thank you
Finally the wait is over ✌ Keep it up EdRoh ❤👌
I am so grateful for your videos. Great quality!
ohhh. finished. thanks. it was very instructive and enjoyable
Excelent teacher and thanks for build this wonderful tutotial, i continue the hard work learning with you.
Big fan here, really appreciate your kindness on sharing your knowledge
Will you make more react/nextjs +ts projects in future pls?
Another fantastic tutorial. We should implement login features such as full authentication and logout functionality.😀
Great tutorial. Thank you
wow 😍 thank you so much for your efforts, I really really really appreciate that!
thank you :)
you are awesome ❤️🔥😍
please do more reactjs project 🔥
Thank you Sir ❤️
will do!!
@@EdRohDev Thank you ❤️🔥
i love your tutorials please make more projects you excplain them so good
nice to see that you're using vite for this tutorial. TBH I think you should just ditch the CRA and go with Vite for all future videos.
Thank you so much for this amazing content, I will always be thankful
one word ThankYou
ive seen a lot of positive reviews, i am excited to learn from you
it would be great if you would bring more React content with typescript
FYI - there is an option in the VS Code ES7+ plugin to control if "import react ..." is added.
Beautifully curated. Thank you.
Thank you so much. thanks to you, I developed mine about typescript and some stuff. ♥️
Hi and thanks for share this excellent material, I have the question about the node and npm version that you are using on your project. I'm having some problems with prettier and tailwindcss configuration files. Possible by node version. Many thanks for the content.
Thank you, the help me alot. Thanks once again keep up the good work
Amazing. I've been so frustrated with the Indians videos and this is incomparable. Thanks for your job :)
Thank you for this lesson, great project😁
You're a really good teacher!
Hey EdRoh, this is a great video but my concern is that the project has too much div containers, which can be hard to maintain? is there a way around this?
wow another nice video.. pls can you do react,redux with typescript or maybe the MERN stack with typescript , thank you sir
Done with video and all I have to say is hat's off to you
high quality, clear ,nice
thank you. I learned a lot from this video 👍😀
what great videos man!
Thank you so much for your video content, we used react-anchor-link-smooth-scroll for scroll but on click in the button the scroll animation isnt perfect , i m trying on it.
thank you so much 🙂
Great video! some youtubers need to get that rushing and making the video an hour long for a whole project is going to attract viewers which is the exact opposite, a short video (relative to what you're making of course) is only going to highlight your lack of depth in the explanation of what you're doing.
People who watch these kind of videos want to learn from them, instead of following along and observing things magically happen without actually understanding the reason behind each choice taken when making the website.
Thank You for showing how to upload project, to CloudFlare.
Thanks a lot of this video, helped a ton
Wonderful Tutorials your channel, i appritiate thanks alot sir
Make nextjs material ui typescript nft marketplace project for beginners ..from basic to advance 🌼🌼🌼now we have idea about tailwind lets learn material ui
Quick tip to avoid all the smooth scroll stuff. Could just add smooth-scroll from tailwindCSS
Dude, you are awesome!
Hey Ed, I am currently trying to find out how you turned the three different fonts for the home page picture into an image. What did you use to do this?
i noticed sometimes you created variables and it was not needed at that point in time but to be used later, it will be nice not to because it causes confusion sometimes. But generally this was a great video and it helped my typescript knowledge👍🏼
Hey I actually need some help with this project do you mind helping me ??
I really wish you make some tutorials teaching how to use these css frameworks, that you use in your tutorials, cause i get stuck in the settings and configurations", and i always end up using "sass" or "css", so i can continue follow your tutorials. ...By the way i really like your projets in your tutorials. 😎👍
well Done EdRoh that is great.
Ed you're the man!
I was following through but after @51:30 the nav bar at my side was distributed vertically, then i removed the const flexBetween = "flex justify-between items-center"; and placed the classes in div, it worked and distrubuted divs horizontally, if i'm keeping the const for the classes, somehow its giving me an issue, could you please help why its doing that ?
Did you ever figure this out? I am getting the same issue but even moving the classes directly in my div does not work.
Thanks edroh on this project l will learn typescript.
If you can then please provide the link to figma design as well. Thanks for the superb content!
hey Ed, could you make a Dashboard with simple menus and submenus and thanks for the tutorials are helping me in my junior programmer journey.
Thank you for your tutorials
Hey EdRoh, could you make a video teaching a build a ERP with NextJS, Node and TypeScript? Thank you so much
MERN and typescript advance tutorial would be great, please consider
simply great ,thanks
Thank you so much brother!
Good tutorial!
Hi awesome tutorial.....Can you do an video streaming mern project with recommendation system based on user search......I can't seem to find any tutorial on this??
This video is very helpful.. Thanks
When you're showing us the code (ie useMediaQuery), kindly expand your code window so we can see the entire thing
Very nice tutorial 👍
I have just complete the tutorial. only missing part is dark mode theme switch , next tailwind css video please add that also,with typescript
your videos are very helpful♥
Nice tutorial, thank Ed,
Is it possible to make a tutorial but not with Tailwind CSS, i find out that it bloater the code and it's really repetitive, i know we could avoid that and create custom classes in tailwind config but non-the-less it bloater the code,
what about the old fashioned css/scss or even material ui. ;)
wow , it's nice fitness application, I like it .
Edroh you're the best
Thank you so much, Sir.