- 689
- 534 414
THE WEB DESIGNER
India
Приєднався 8 сер 2021
Hello Friends,
Welcome to my youtube channel "The Web Designer" ! I created this channel for to help you to learn web designing and development.
Tutorials from basic to advance of Html, css, javascript, Bootstrap, Reactjs, wordpress etc any many more...
Please subscribe my channel to receive notification of my new videos and learn new things.
Welcome to my youtube channel "The Web Designer" ! I created this channel for to help you to learn web designing and development.
Tutorials from basic to advance of Html, css, javascript, Bootstrap, Reactjs, wordpress etc any many more...
Please subscribe my channel to receive notification of my new videos and learn new things.
Building a Simple Goal Tracker App with React Native: A Beginner’s Guide | Download Free Code
In this tutorial, learn how to create a simple goal tracker app using React Native. We'll cover the basics of handling user input, managing state with hooks, and rendering a dynamic list of goals. Perfect for beginners, this guide includes a step-by-step walkthrough, clean UI design, and reusable code to help you get started with React Native development. By the end of this tutorial, you'll have a fully functional app to keep track of your goals!
React Native Tutorial, React Native for Beginners, Goal Tracker App, React Native Project, Mobile App Development, Learn React Native, React Native State Management, React Native Hooks, Build an App with React Native, Simple React Native App, Goal Setting App Tutorial, React Native UI Design, React Native Input and List, How to Build a To-Do App in React Native, Step-by-Step React Native Guide, React Native Beginners Project, Coding Tutorial 2024, Learn to Code Apps, React Native Practical Project, React Native Best Practices
Download Free Code : medium.com/@amolakapadi/building-a-simple-goal-tracker-app-with-react-native-a-beginners-guide-632af2301423
Beginner React Js Projects :-ua-cam.com/video/19uBgPfy988/v-deo.html
React Blog Project :-ua-cam.com/video/osoRStkJirU/v-deo.html
Javascript Beginner Project :- ua-cam.com/video/nxOEa7DQmrE/v-deo.html
HTML & CSS Beginner Project :-ua-cam.com/video/4xTSfXlY33Q/v-deo.html
JS Plugin You Will love :-ua-cam.com/video/ECD52fW6W8c/v-deo.html
React Native Tutorial, React Native for Beginners, Goal Tracker App, React Native Project, Mobile App Development, Learn React Native, React Native State Management, React Native Hooks, Build an App with React Native, Simple React Native App, Goal Setting App Tutorial, React Native UI Design, React Native Input and List, How to Build a To-Do App in React Native, Step-by-Step React Native Guide, React Native Beginners Project, Coding Tutorial 2024, Learn to Code Apps, React Native Practical Project, React Native Best Practices
Download Free Code : medium.com/@amolakapadi/building-a-simple-goal-tracker-app-with-react-native-a-beginners-guide-632af2301423
Beginner React Js Projects :-ua-cam.com/video/19uBgPfy988/v-deo.html
React Blog Project :-ua-cam.com/video/osoRStkJirU/v-deo.html
Javascript Beginner Project :- ua-cam.com/video/nxOEa7DQmrE/v-deo.html
HTML & CSS Beginner Project :-ua-cam.com/video/4xTSfXlY33Q/v-deo.html
JS Plugin You Will love :-ua-cam.com/video/ECD52fW6W8c/v-deo.html
Переглядів: 17
Відео
How to Build a Stylish Digital Clock with Glassmorphism Effect using HTML, CSS, and JavaScript
Переглядів 157 годин тому
In this video, I’ll show you how to create a real-time digital clock using HTML, CSS, and JavaScript. We will design a sleek clock with a beautiful Glassmorphism effect and display the time with hours, minutes, and seconds. Perfect for web development beginners or anyone interested in modern UI design! ✨ What you'll learn in this video: ✔️ How to create a real-time digital clock with JavaScript...
How to Create a Progress Bar with Percentage Counter using HTML, CSS, and JavaScript
Переглядів 2312 годин тому
Learn how to create a stunning progress bar with a dynamic percentage counter using HTML, CSS, and JavaScript! In this video, I’ll guide you step-by-step to design a visually appealing progress bar that smoothly animates from 0% to 100%. Perfect for beginners or anyone looking for quick and fun mini-project ideas. 🔥 What you'll learn in this video: ✔️ Design a responsive card layout ✔️ Animate ...
"How to Build a Password Validator with HTML, CSS, and JavaScript | Beginner-Friendly Tutorial"
Переглядів 4116 годин тому
Learn how to create a real-time password validator using HTML, CSS, and JavaScript in this step-by-step tutorial! 🎯 We'll cover: ✅ Designing a beautiful, responsive card UI. ✅ Adding input fields with validation rules. ✅ Implementing password validation logic in JavaScript. ✅ Providing real-time feedback for users. Perfect for beginners looking to enhance their web development skills! 🚀 👨💻 Cod...
Build a Responsive Password Validator with Show/Hide Functionality in React.js | Beginner Friendly
Переглядів 5914 днів тому
In this tutorial, learn how to create a fully functional password validator in React.js using the validator library. This step-by-step guide covers: ✅ Setting up the password input field ✅ Adding dynamic password validation ✅ Implementing a show/hide password toggle ✅ Styling the input box and card for a clean, responsive UI This project is perfect for beginners and a great addition to your por...
"Create a Dynamic Product Search App Using JavaScript and API Beginner's Guide" | Download Free Code
Переглядів 27021 день тому
Learn how to build a dynamic product search application using HTML, CSS, and JavaScript. In this tutorial, we will fetch data from the FakeStore API, display product cards, and implement a search functionality to filter products in real time. Perfect for beginners looking to enhance their JavaScript and API integration skills! 🔑 What You'll Learn: How to fetch data from an API using fetch. Dyna...
"How to Create a Stacked Bar Chart with Recharts in React | Full Tutorial" | Download Free Code
Переглядів 3821 день тому
"Learn how to build a professional Stacked Bar Chart using Recharts in React! 🚀 This easy-to-follow tutorial will guide you through the process of creating a responsive, interactive chart with customized data. Perfect for React developers looking to enhance their data visualization skills. 📌 What’s Included in This Video: Setting up Recharts in React Creating a Stacked Bar Chart step-by-step Ad...
How to Create a Simple Bar Chart with Recharts in React | Step-by-Step Tutorial | Download Free Code
Переглядів 2328 днів тому
"Learn how to create a stunning Simple Bar Chart using Recharts in React! 🎨 This step-by-step tutorial will guide you through the process of setting up a bar chart, importing the necessary components, and customizing it to display your data beautifully. Whether you're a beginner or looking to enhance your React skills, this video is perfect for you. 💻✨ 📌 What You'll Learn: Setting up Recharts i...
Nested accordion with react Js | Making a Nested Accordion in React Js | Download Free Code
Переглядів 65Місяць тому
Download Free Code : github.com/amolkapadi/Accordion-inside-another-Accordion-React Beginner React Js Projects :-ua-cam.com/video/19uBgPfy988/v-deo.html React Blog Project :-ua-cam.com/video/osoRStkJirU/v-deo.html Javascript Beginner Project :- ua-cam.com/video/nxOEa7DQmrE/v-deo.html HTML & CSS Beginner Project :-ua-cam.com/video/4xTSfXlY33Q/v-deo.html JS Plugin You Will love :-ua-cam.com/video...
Image To Text Conversion With React And Tesseract.js | Download Free Code
Переглядів 78Місяць тому
Image To Text Conversion With React And Tesseract.js | Download Free Code
Create a Stunning Stacked Area Chart with React and Recharts |Beginner Tutorial | Download Free Code
Переглядів 25Місяць тому
Create a Stunning Stacked Area Chart with React and Recharts |Beginner Tutorial | Download Free Code
Create a Stunning Simple Area Chart with React and Recharts | Beginner Tutorial | Download Free code
Переглядів 36Місяць тому
Create a Stunning Simple Area Chart with React and Recharts | Beginner Tutorial | Download Free code
"Create a Dashed Line Chart in React with Recharts | Step-by-Step Tutorial" Download free Code
Переглядів 27Місяць тому
"Create a Dashed Line Chart in React with Recharts | Step-by-Step Tutorial" Download free Code
Create a Simple Line Chart in React with Recharts | Step-by-Step Tutorial | Download Free Code
Переглядів 30Місяць тому
Create a Simple Line Chart in React with Recharts | Step-by-Step Tutorial | Download Free Code
Auto-capitalizing input field first character using React JS | Download Free Code
Переглядів 19Місяць тому
Auto-capitalizing input field first character using React JS | Download Free Code
Hex Color Application: Random Background Generator Using Javascript | Download free code
Переглядів 372 місяці тому
Hex Color Application: Random Background Generator Using Javascript | Download free code
Hex Color Application: React Random Background Generator | Download Free Code
Переглядів 172 місяці тому
Hex Color Application: React Random Background Generator | Download Free Code
React Custom Hook for Counter | Increment, Decrement, and Reset with Conditional Logic
Переглядів 602 місяці тому
React Custom Hook for Counter | Increment, Decrement, and Reset with Conditional Logic
OTP Generator in React.js - A Beginner-Friendly Mini Project 🚀 | download free code
Переглядів 742 місяці тому
OTP Generator in React.js - A Beginner-Friendly Mini Project 🚀 | download free code
JavaScript Text Transformer Project | Uppercase, Lowercase, Reverse, and Clear Text | download code
Переглядів 402 місяці тому
JavaScript Text Transformer Project | Uppercase, Lowercase, Reverse, and Clear Text | download code
How to Calculate the Number of Days Between Two Dates in React | Download free code
Переглядів 492 місяці тому
How to Calculate the Number of Days Between Two Dates in React | Download free code
Build a Text Transformation Tool with React | Beginner Project Tutorial | Download free code
Переглядів 312 місяці тому
Build a Text Transformation Tool with React | Beginner Project Tutorial | Download free code
Building a Dynamic Range Slider with HTML, CSS, and JavaScript | Download Free Code
Переглядів 202 місяці тому
Building a Dynamic Range Slider with HTML, CSS, and JavaScript | Download Free Code
⏳ Built a Countdown Timer with HTML, CSS, and JavaScript! Download free Code
Переглядів 342 місяці тому
⏳ Built a Countdown Timer with HTML, CSS, and JavaScript! Download free Code
Building a Simple Login Form with Show Password Toggle in React 🚀 | Download Free Code
Переглядів 452 місяці тому
Building a Simple Login Form with Show Password Toggle in React 🚀 | Download Free Code
Build a Responsive Login Form with Show/Hide Password Toggle | HTML, CSS & JavaScript
Переглядів 292 місяці тому
Build a Responsive Login Form with Show/Hide Password Toggle | HTML, CSS & JavaScript
Create a simple Contact Book app using React JS | Download free code
Переглядів 1303 місяці тому
Create a simple Contact Book app using React JS | Download free code
Pure CSS3 Water Wave Text Animation Effects Using CSS
Переглядів 853 місяці тому
Pure CSS3 Water Wave Text Animation Effects Using CSS
Build an ADVANCED Todo App in React JS Like a Pro!
Переглядів 1143 місяці тому
Build an ADVANCED Todo App in React JS Like a Pro!
CREATE Stunning Animated Login and Signup Forms in 2024!
Переглядів 3483 місяці тому
CREATE Stunning Animated Login and Signup Forms in 2024!
Please i really need your help, i want to use my own image to do it but i don't know how, please can you tell me please or anyone in the comment?
Make one folder in src name of folder assets and in assets make other folder for img and in dummydata.json file replace your img path "./assets/img/dummy.png
@@thewebdesigner Confirm❤ Thank you so much, its Done!
Helpful video. But how do you implement more complex feature in a text editor like Microsoft?
very nice
good work
great resource
too much music. distracting.
How to run please help🥲
Ok, but what about pictures?
which react native version you were using ? react native cli ? i am facing below issue (NOBRIDGE) ERROR Warning: CountryItem: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.
I am using react native cli version 0.73.4
@@thewebdesigner any solution ?i am using react native cli 0.76 version , react 18.0.0 , sdk version 34
bro next video??
in ios will become spinner, how you work around it?
Good one. Thanks
❤️
f you encounter the error "this.props.onMenuOpen is not a function" while using react-select, you should update your import statement to the: import Select from 'react-select';
great video btw
repo repo
hey thanks a lot for this chatbot! i just want to ask if there is a way to use the bubbles for showing responses coming from the backend, coz now im using the custom component one and it doesnt show the bot avatar. or is there maybe a way to add a bot avatar to the custom component step?
bro node js pe function kese use karna he plz replay ... tq
Can you give me all images file ??
github.com/amolkapadi/Boilerplate-TaskManager-RN
Check this repo
4:23 what had you clicked I'm confused
Safety in OTP is send to right people with registered data. So, It's not how it is going.
Sir Please source code
github.com/amolkapadi/Jewelry-Store-project/tree/main
hey can we integerated APi here ? can we make data dyamically?
In this vedio not integrated any API it's static..yes we can make data dynamically form api
Thanks bro ✨
Thank you for this video dear
Thanks for watching ✨
Biroktokor music diye rakhcen
as we have 100.000 data's how can i do it? explain it pleasy
Hey bro can you share any git repo or code ? Nice Its very helpful
Very educational video set. Can you share the source code
github.com/amolkapadi/Boilerplate-TaskManager-RN
GitHub link send me
Really pleasent for me that was my first time to use swiper.
wow
Hey @THE WEB DESIGNER.. can you please built a app for me.. ❤
Yes sure
Give me details of the App
thankk youuu for ur video
Thanks for watching vedio 🫶🏻🥰
hey can i get this code?
github.com/tejaspawar2026/dropdown
how todo the same but for only one item during you adding it?
how to export excel with exactly same UI ? ( width, group ...)
hello it is nace
💯
Does it uses expo ? , can you give us source code github url ?
"Thanks for your comment! My project is built without Expo. I don’t have an updated GitHub link right now because the project isn’t fully completed
@@thewebdesigner is it completed ?
Why there is extra button with the selected date shown instead of showing the calendar directly in iOS?
repo link
please share the code github repo
Si presentan el error de style al compilar el proyecto sigan estos pasos :3 1.- Instalar el packete deprecated-react-native-prop-types 2.- Instalar el parche : yarn add patch-package postinstall-postinstall 4: agrega en el packejson en el scripts : "postinstall": "patch-package" 5.- Modificar en node modules el paquete react-native-snap-carousel: los archivos Js Carousel pagination parallax modificar exactamente ViewPrototypes eliminamos el de react native y sustituimos por : import { ViewPropTypes} from "deprecated-react-native-prop-types"; 6.- Compilamos el parche : npx patch-package react-native-snap-carousel utiliza npx ya que yarn no lo parchea 7: Listo no olvides agradecerme de parte de una compañera programadora ;3
😅
THE WEB DESIGNER, I really enjoyed this video, so I hit the like button!
❤️
Thank you for the tutorial. I am having issues.Module parse failed: Unexpected token (563:18) You may need an appropriate loader to handle this file type. | }; | class DatasetController { > static defaults = {}; | static datasetElementType = null; | static dataElementType = null;
Very class explain easy to understand.. please continue the series
Please don't give such loud background music, it's distracting
Sorry for that I will change music asap..
Food App firestore plz
Thank you so much Very helpful
Thanks so much for this tutorial! Great for understanding BrowserRouter, Route and Routes!
🙌😎😎
hey bro i need the assests
github.com/amolkapadi/animatedcardhtmlcss
Please checkout link