- Видео 7
- Просмотров 38 588
M ShowKat
Добавлен 1 окт 2020
Welcome to my RUclips channel, I am Showkat ( @justshowkat ), a full-stack developer.
In this channel, I will be sharing my journey with you about what I am learning, and what I found during that process that can help you too.
I will try to make " to the point" videos that can help you no matter if you are an experienced developer or a beginner.
For new videos every week consider subscribing to my channel. I will be covering intermediate to advanced lessons about JavaScript, nodeJS, Shopify, cyber security, and modern app development best practices.
In this channel, I will be sharing my journey with you about what I am learning, and what I found during that process that can help you too.
I will try to make " to the point" videos that can help you no matter if you are an experienced developer or a beginner.
For new videos every week consider subscribing to my channel. I will be covering intermediate to advanced lessons about JavaScript, nodeJS, Shopify, cyber security, and modern app development best practices.
Reactjs Portfolio project that'll get you job (2022)
I have made this beginner-friendly portfolio for my students to get their 1st job. They are getting amazing results, so I thought I would share them with you.
In this reactjs project tutorial, I am going to show you the entire process of building a portfolio from sketch. Also, we are going to include calendy, react router, and custom design cursor. You'll find all of these assets in the drive link I shared with you.
assets: drive.google.com/drive/folders/10MjA-H71YHUH074HVdWcPWwf5jf-xRRV?usp=sharing
You do need to know reactjs and css to work with this video. good luck.
Timestamps
00:00:00 Intro and setting up a project
00:07:58 NavBar and footer start here
00:29:35 Footer
00:33:24 section 1 he...
In this reactjs project tutorial, I am going to show you the entire process of building a portfolio from sketch. Also, we are going to include calendy, react router, and custom design cursor. You'll find all of these assets in the drive link I shared with you.
assets: drive.google.com/drive/folders/10MjA-H71YHUH074HVdWcPWwf5jf-xRRV?usp=sharing
You do need to know reactjs and css to work with this video. good luck.
Timestamps
00:00:00 Intro and setting up a project
00:07:58 NavBar and footer start here
00:29:35 Footer
00:33:24 section 1 he...
Просмотров: 6 662
Видео
How to make Responsive Navbar with ReactJS Tailwind CSS
Просмотров 1,8 тыс.Год назад
In this video, I am going to show you a reactjs tailwind navbar project. In this reactjs project, I am going to clone Facebook navbar. this is a very beginner-friendly tutorial. i hope you will enjoy it. this navbar icons and design is copied directly from facebook. for more videos like this, please do subscribe and comment below if you have any suggestions or requests for me. sources code: git...
React E-commerce app design for beginner
Просмотров 1,6 тыс.Год назад
Timestamps: 00:00 Intro 02:05 NavBar section intro 02:55 Responsive Navbar coding 07:41 Navbar css 19:47 sidebar intro 20:52 Responsive Sidebar Coding 26:40 sidebar css 35:30 content area intro 36:52 content area coding 38:18 product card 45:25 content area CSS In this video, I am going to show you a reactjs e-commerce project. In this reactjs project, I am going to show you how you can build a...
Cute Cat illustration with HTML & CSS
Просмотров 431Год назад
In this video, I created a CSS art using only HTML, and CSS. when you make CSS art, it teaches you a lot about the basics of CSS. so I would recommend you to work with me and make this cute cat with CSS. I also added the GitHub source code and the web view for this CSS cat art. feel free to look at it. github source code: github.com/justshowkat/CSS-ART-cat live view: justshowkat.github.io/CSS-A...
how to create sidebar in react js|| 2022 reactjs Navbar
Просмотров 27 тыс.2 года назад
In this tutorial, I am going to show you How to create a responsive sidebar using reactjs. This is a complete tutorial on a responsive sidebar with reactjs. I didn't use any external library, only vanilla CSS. for more videos like this, please do subscribe and comment below if you have any suggestions or requests for me. sources code: github.com/justshowkat/react-sideNavbar follow me on social'...
How to create responsive Navbar with ReactJs & CSS
Просмотров 7572 года назад
This is a complete dropdown responsive navbar tutorial with reactjs. I didn't use any external library, only vanilla CSS. for more videos like this, please do subscribe and comment below if you have any suggestions or requests for me. sources code : github.com/justshowkat/responsive-navbar-with-reactjs-css starter code: github.com/justshowkat/responsive-navbar-with-reactjs-css/tree/main/startin...
how to choose color for your website|| how to choose the right color || 2022
Просмотров 962 года назад
even though most commercial web development organizations have a dedicated web design team. as a developer, you must have some basic knowledge about color theory. though in this video I didn't go in-depth, let me know in the comment section, if you want to learn more about color theory. for starters, I've added some youtube videos for you about color theory. 5 color theory tips: ruclips.net/vid...
thanks for everything 🤍🤍
what happened to: .hamburger:hover span{ margin: auto; } I know it didn't magically disappear. Also did you make useState true? main reason I asked these two is because somehow you lost me at 8:49.
Hiii please tell where to define route paths in this code please help
How to show content i mean user open profile show profile and for setting show setting content in the same way for all
How to link pages
Woooooooooo Genial me ncanta el diseño
How to add the main body? Like U have sidebar and it need to route to other like pages
Can you lemme know how you added the icons to react , the detailed procedure and resources? it would be very helpful
Hello, Can anyone tell me How to add a header in the sidebar?
Can you tell me more? not sure what you mean!
like and sub
thank you so much with your video it's done without bootstrap thank you thank you thank you❣❣
At Section 4, Services.css from row 18 to row 30 disappear. (1:08:22-23) Can't see the code. :(
Aap india ho? Apka English bohot achcha hai bro?
Wow! it's Amazing I did it well ! Perfect work !
You have good content about limited access to all visitors... Hope so if anyone watch your videos will fell in love with your content... Good luck brother
V good bro don't give up always make such a great content.... One day this channel will be the no. 1 RUclips channel InshAllah carry on
Thank you for such inspiring words.
Wow, this is amazing 🙀😼🐱🥳 Thank you for the superb tutorial 🎉
Thank you max
done thank you learn alot .
Just my preference, but the color scheme of the website makes me wanna gouge my eyes out bc of the high contrast and lack of colors. Too neon looking. But everything is very useful and I will definitely be learning from this.
ouch! but seriously thank you for your valuable comment. I will try to make my next one colorful!
This is so good! Thank you very much. I will get inspiration from this portfolio.(sub+1)
Thank you too. stay with me, and please do suggest what kind of video would you like to see more.
give live link of this project. Not source code on code link. just only provide of your live link of this project.
sure. will do.
bhai source code??
There won’t be any. I intentionally didn’t add the source code. However there’s a image folder, you can download the Images and continue with the video.
copy paste much ?
Where you download logo icon
I am getting these icons from figma, I use feather Icon, iconify etc. also you can use flaticon to download icons.
@@justshowkat Thank you so much Bro.
Please make a video on reducx application
Please make sure in future u'll upload with expaination
hey, thanks for your recommendations. since I am new here, I am trying different content styles. and to see which one works better with my audience. I will definitely keep that in mind.
Bhai overall video is good but sath sath explain bhi kerte to aur bhi helpful rahta
from where you learn reactjs ...can you tell me
You should follow documetation. Not saying that keep reading the entire documentation until you finishes it, instead search for how yoi can make a button. Or the components you are looking for. Do it with a project.
pls make part 2 and add nested routes
Thank you sir
❤️
That moment you realize responsiveness is not that hard :D
is it because i am making too many responsive video? 😂😂
Let me know what kind of topic you would like me cover next.
thank you teacher
You are welcome. Let me know if you would like me to cover any other topic!
nice one
thanks, if you would like support my work consider subscribing. That would be much appreciated ❤️
Please one video make e-commerce website with react js and backend node js
Hey, Thank you soo much for the suggestion. Infact right now i am working on such a project. Hopefully the video will be ready by next week. You should enable the notification.
What is the command for install react packages
it depends. if you are using NPM you can go to this website: www.npmjs.com/package/react and install whatever package you need. for npm packages the command is usually : npm install "package name" but if you are using yarn, you can go to this website: yarnpkg.com/package/react and install your desired packages. for yarn packages the command is usually : yran add "package name" just search on their websites using package name, you'll find everything.
Nice content 👍
thank you so much. consider subscribing if you like this video. that would be much appreciated
Next I am going to upload some web development content on this channel. so do subscribe for those.