- Видео 73
- Просмотров 1 353 055
Code A Program
Индия
Добавлен 11 сен 2021
My name is Sridhar and I have been doing web development as a full-time job.
#codeaprogram, #reactjs, #tailwindcss
#codeaprogram, #reactjs, #tailwindcss
How to make a responsive portfolio website with tailwind CSS
Create Portfolio Website with Tailwind CSS | Tailwind Tutorial for Beginners
Code A Program...
Learn how to create stunning and professional portfolio sites using the latest version of Tailwind CSS - v3.4. Elevate your web design skills and impress potential clients with your beautiful portfolio websites. This tutorial will walk you through the process step by step, making it easy for beginners and experienced developers alike to follow along and create amazing websites!
#tailwindcss #reactjs
📂GitHub Src:
Final Repo : github.com/Sridhar-C-25/tailwind-port/tree/main
Startup Repo : github.com/Sridhar-C-25/tailwind-port/tree/startup
👁️🗨️ Live Preview : codeaprogram-portfolio.netlify.app/
🤝Get in ...
Code A Program...
Learn how to create stunning and professional portfolio sites using the latest version of Tailwind CSS - v3.4. Elevate your web design skills and impress potential clients with your beautiful portfolio websites. This tutorial will walk you through the process step by step, making it easy for beginners and experienced developers alike to follow along and create amazing websites!
#tailwindcss #reactjs
📂GitHub Src:
Final Repo : github.com/Sridhar-C-25/tailwind-port/tree/main
Startup Repo : github.com/Sridhar-C-25/tailwind-port/tree/startup
👁️🗨️ Live Preview : codeaprogram-portfolio.netlify.app/
🤝Get in ...
Просмотров: 2 139
Видео
Vscode Useful Setup for javascript & python | Vscode Useful Extension
Просмотров 4953 месяца назад
Vscode Useful Setup for javascript & python | Vscode Useful Extension | #javascript #python #vscode Code A Program... GitHub : github.com/Sridhar-C-25 Email: codeaprogram@gmail.com #vscode
React Mui Data Table in English | React js Data Table
Просмотров 5 тыс.4 месяца назад
How To Make A React Mui Data Table | React js Data Table Code A Program... Other related video: Tanstack Table Design Using React js and tailwind css search, pagination, download option: ruclips.net/video/WJKt5vpHyA0/видео.htmlsi=mx1xyIBGPh3mM9kV GitHub: github.com/Sridhar-C-25 #reactjs #materialui #reacttable
Awesome React js image slider | Custom React Image Slider
Просмотров 1,6 тыс.4 месяца назад
How to make a react image slider | Custom React Slider | React js and tailwind css 2024 Code A Program... 📂GitHub src link: github.com/Sridhar-C-25/React-Custom-Swiper-Slider #reactjs #tailwindcss
Custom Createable Multi Selector Using React js and Tailwind css | Createable Multiselect
Просмотров 2,4 тыс.5 месяцев назад
Custom Createable Multi Selector Using React js and Tailwind css | Createable Multiselect Code A Program... 📂 GitHub src link: github.com/Sridhar-C-25/react-createabl-multi-selector #reactjs #tailwindcss
React js Form Validation tutorial | React Hook Form Advance Usages
Просмотров 5 тыс.7 месяцев назад
React js Form Validation tutorial | React Hook Form Advance Usages Code A Program... 📂GitHub src : github.com/Sridhar-C-25/react-hook-form Package : React Hook Form(www.react-hook-form.com/) Material Tailwind(www.material-tailwind.com/) tailwind Css(tailwindcss.com/docs/installation) #reactjs #tailwindcss #validation
Tanstack Table Design Using React js and tailwind css search, pagination, download option | #reactjs
Просмотров 20 тыс.9 месяцев назад
Tanstack Table Design Using React js and tailwind css search, pagination, download option | #reactjs Code A Program... 📂GitHub src link : github.com/Sridhar-C-25/Tanstack_table Packages (Faker js)[www.npmjs.com/package/@faker-js/faker] (Tanstack Table)[tanstack.com/table/v8] (xlsx)[www.npmjs.com/package/xlsx] (Tailwind Css)[tailwindcss.com/docs/installation] ❤️ Share and subscribe #reactjs #tai...
Learn React Router State | React Router Tips and Tricks
Просмотров 51711 месяцев назад
Learn React Router State | React Router Tips and Tricks Code A Program... Thanks for watching, Follow us on : Github : github.com/Sridhar-C-25 Instagram: codeaprogram #reactjs
Send HTML Email Using Nodejs(express) And Sendinblue
Просмотров 2,8 тыс.Год назад
Send HTML Email Using Nodejs(express) And Sendinblue Code A Program... Thanks for watching, Follow us on : Github : github.com/Sridhar-C-25 Instagram: codeaprogram #nodejs #expressjs
Desktop and Mobile Responsive Sidebar With Submenu Using React js and tailwind css and Framer Motion
Просмотров 33 тыс.Год назад
Desktop and Mobile Responsive Sidebar With Submenu Using React js and tailwind css and Framer Motion Code A Program... GitHub src link :github.com/Sridhar-C-25/sidebar-with-submenu_vid Thanks for watching, Follow us on : Github : github.com/Sridhar-C-25 Instagram: codeaprogram #reactjs #reactjs
How to use ChatGPT To Write Better React Code | React js and Typescript | #chatgpt
Просмотров 1,2 тыс.Год назад
How to use ChatGPT To Write Better React Code | React js and Typescript | #chatgpt Code A Program... GitHub src link : github.com/Sridhar-C-25/chatGPT_Custom_Components_reactjs_typescript Share and subscribe ❤️ Thanks for watching :) #chatgpt #reactjs #typescript
React js Send html email from contact form without server code - Email.js Tutorial
Просмотров 5 тыс.Год назад
React js Send html email from contact form without server code - Email.js Tutorial Code A Program... Live preview link : codeaprogram-portfolio.web.app/ Email js, react js Npm link email js :www.npmjs.com/package/@emailjs/browser React js email js docs : www.emailjs.com/docs/examples/reactjs/ Thanks for watching, Follow us on : Github : github.com/Sridhar-C-25 Instagram: codeaprogr...
How to return a 404 Not Found page for dynamic routes in Next.js | #nextjs
Просмотров 4,8 тыс.Год назад
How to return a 404 Not Found page for dynamic routes in Next.js | #nextjs
How to Add Syntax Highlighting to Code on Your Website Using React js | Code Highlight | #reactjs
Просмотров 15 тыс.Год назад
How to Add Syntax Highlighting to Code on Your Website Using React js | Code Highlight | #reactjs
React Filterable Selectors ( Country, State, City) Using React js, tailwind css & headless ui
Просмотров 11 тыс.Год назад
React Filterable Selectors ( Country, State, City) Using React js, tailwind css & headless ui
React js firebase phone authentication | Send OTP And Verify phone number | #firebase
Просмотров 54 тыс.Год назад
React js firebase phone authentication | Send OTP And Verify phone number | #firebase
Creating a README File That Makes Your Project Shine | readme file tutorial | #readme
Просмотров 658Год назад
Creating a README File That Makes Your Project Shine | readme file tutorial | #readme
Alternative Image In React js | Quick Tip | #reactjs
Просмотров 692Год назад
Alternative Image In React js | Quick Tip | #reactjs
Weather App Using React js And Tailwind CSS | React js project | #reactjs
Просмотров 8 тыс.Год назад
Weather App Using React js And Tailwind CSS | React js project | #reactjs
How to make a responsive navbar with tailwind css | tailwind css tutorial | #tailwindcss
Просмотров 115 тыс.Год назад
How to make a responsive navbar with tailwind css | tailwind css tutorial | #tailwindcss
How To Make A Portfolio Website Using React js and Tailwind CSS
Просмотров 14 тыс.Год назад
How To Make A Portfolio Website Using React js and Tailwind CSS
Custom Scrollbar Using Tailwind CSS | Tailwind css Scrollbar
Просмотров 30 тыс.Год назад
Custom Scrollbar Using Tailwind CSS | Tailwind css Scrollbar
Tailwind CSS Dark/Light/System Base Change Theme With Local Storage | React js dark mode
Просмотров 27 тыс.Год назад
Tailwind CSS Dark/Light/System Base Change Theme With Local Storage | React js dark mode
Animated Auto Slider Using React js And Tailwind CSS | React js carousel slider
Просмотров 4,5 тыс.Год назад
Animated Auto Slider Using React js And Tailwind CSS | React js carousel slider
React js Form Handling | React js Quick Tips for saving your time
Просмотров 856Год назад
React js Form Handling | React js Quick Tips for saving your time
Tailwind CSS Only Awesome Testimonials Section Card Hover Effect | #tailwindcss
Просмотров 15 тыс.Год назад
Tailwind CSS Only Awesome Testimonials Section Card Hover Effect | #tailwindcss
React js dropdown menu close functionality | React js Tips | Learn React js
Просмотров 29 тыс.Год назад
React js dropdown menu close functionality | React js Tips | Learn React js
Tailwind css Animated Nav Menu | Learn Tailwind css | Magic indicator
Просмотров 4,1 тыс.Год назад
Tailwind css Animated Nav Menu | Learn Tailwind css | Magic indicator
Website Design Using HTML, CSS And javascript
Просмотров 702Год назад
Website Design Using HTML, CSS And javascript
React Tailwind Portfolio Website Tutorial - Build A React JS Portfolio
Просмотров 31 тыс.Год назад
React Tailwind Portfolio Website Tutorial - Build A React JS Portfolio
Love the tutorial, love the flow. Thank you. Where did you get the icons?
thankYou
Thanks 👍
i am getting this error when i solve captcha Uncaught TypeError: Cannot read properties of null (reading 'style') at Array.<anonymous> (recaptcha__en.js:506:268) at b1.<anonymous> (recaptcha__en.js:449:86)
Superb i subscribe your channel
Where is icon menu
How do I change data in table when I have UI edit in columns, Please answer this question for me, thanks sir
Thanks :)
The best dropdown video I found, thank you!
Why did you stop talking
Got the lesson useful. That's why subscribing the channel. Hope for the best brother.
I liked the way you lead me to achieve this in my project . But the issue is when I refresh the them snapping back to system kindly I request another video with improvements . btw your work was just amazing
if anyone have problems with the function open() in the sidebar just change it to another name like 'openSidebar()', sometimes it get confused with a built in function called open() which result in having a blank page.
thank you!
Share and subscribe ❤️❤️
❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤
Thanks for help!
Music terrible 😅 couldn’t stay longer to watch till the end
this video help me a lot!!
Thank you for sharing 🤗 Beautiful soundtrack!
Thank you❤️❤️❤️
how to add slider in it? I mean I want to show more than 3 reviews. I want the same hover functionality but I also want to slide infinite
Please avoid the music from your videos since your audio is not much clear.
Awesome, thank you!
Very nice. Some improvement tips: 1. Speak to explain or add subtitles to explain the process kinda like you're guiding the process 2. Having a git repo or gist with he code would be good 3. For the switch there could be a little transition effect to make it not look to forced Otherwise a very good job and very well done 👍
Great content!!.🤩 Question: When I put a component below the Nav component in App.jsx, the hover it doesn't work. How can I fix this? 🤔
Can you pls make a video how to add CRUD to the table?
bro really thank you, its exactly that i was searching ✨
can someone help me here? Everything works fine except when I click on menu, close sign appears but menu links does not appear at all
Thank you!
Share and subscribe ❤️❤️
can you please show , how to make it searchable dropdown ?
Why does he only send SMS to my number and not others?
I think it's for free version. You should pay for verify other numbers
@@lahikahmed9253 thanks
Great to learn for beginners in react ❤
bro thanks a lot for the video
what is that vscode theme name?
very helpful. Thank you
Share and subscribe ❤️❤️❤️
Bro which theme are you using
Shades purple theme
awesome
tnx
I did everything but appVerificationDisabledfor testing error is coming
yes i created video for solution ruclips.net/video/ooOJYw7Iea0/видео.html
more vdo plzz
Sure
How to write it in styles.module.css
github source code? thank you
Thanks
awesome buddy!!
thankyou for the content, i have tried the same code, but when the menu button is clicked, the list do not came out. Does anyone have any clue what is going on and how to fix it ? Thankyou
so the problem is in top-[9%], as i dont know why it cannot be proceed, so I change it to top-12 and it works well.
Thanks, that was very helpful
Share and subscribe ❤️
How we install ionicons in React? you are not showing you just use icons.
ionic.io/ionicons/usage
Does the otp code comes from the sms??
Bhai ye romantic music mat dala kar
how route to login?
Font name ??