- 362
- 22 315 580
CodingNepal
India
Registrace 27. 07. 2019
Welcome to CodingNepal!
Here I upload videos related to helpful coding projects in HTML, CSS, JavaScript, PHP, and other web development technologies.
Also, don't forget to visit my website - codingnepalweb.com, where you’ll find in-depth blog posts and video tutorials that cover various coding topics, including useful coding projects and source codes that you can use for free.
Subscribe to my channel to stay tuned, and press the bell icon to get notifications first.
Here I upload videos related to helpful coding projects in HTML, CSS, JavaScript, PHP, and other web development technologies.
Also, don't forget to visit my website - codingnepalweb.com, where you’ll find in-depth blog posts and video tutorials that cover various coding topics, including useful coding projects and source codes that you can use for free.
Subscribe to my channel to stay tuned, and press the bell icon to get notifications first.
Create A Responsive Login Form in ReactJS & CSS | Simple Login Form with ReactJS
In the video, I showed how to create a responsive login form using ReactJS and CSS. The form features social login buttons for Google and Apple, along with input fields for email and password. Additionally, it includes a toggle to show or hide the password for enhanced user convenience.
💹 Build Currency Converter in ReactJS
➤ czcams.com/video/0_Lwi5ucGwM/video.html
🖼️ Get Logos of this Login Form
➤ www.codingnepalweb.com/custom-projects/login-form-reactjs-logos-2024-07-16.zip
🗂️ Source codes will be available soon on
➤ www.codingnepalweb.com
⭐ Hire me on Fiverr
➤ www.fiverr.com/prakashahi
📷 Follow me on Instagram
➤ coding.np
🕔 Timestamps
0:00 Login Form Demo
0:46 Initializing the ReactJS project
2:18 Making the main App component
6:37 Styling the App component
19:47 Making Social Login a component
20:26 Making Input Field a component
22:33 Working on Password Visibility toggle
🎵 Music Credit:
Ikson - We Are Free [Official]
czcams.com/video/DnPUq5qBZxk/video.html
#loginform #reactjs #css
💹 Build Currency Converter in ReactJS
➤ czcams.com/video/0_Lwi5ucGwM/video.html
🖼️ Get Logos of this Login Form
➤ www.codingnepalweb.com/custom-projects/login-form-reactjs-logos-2024-07-16.zip
🗂️ Source codes will be available soon on
➤ www.codingnepalweb.com
⭐ Hire me on Fiverr
➤ www.fiverr.com/prakashahi
📷 Follow me on Instagram
➤ coding.np
🕔 Timestamps
0:00 Login Form Demo
0:46 Initializing the ReactJS project
2:18 Making the main App component
6:37 Styling the App component
19:47 Making Social Login a component
20:26 Making Input Field a component
22:33 Working on Password Visibility toggle
🎵 Music Credit:
Ikson - We Are Free [Official]
czcams.com/video/DnPUq5qBZxk/video.html
#loginform #reactjs #css
zhlédnutí: 627
Video
Build A YouTube Clone in HTML CSS & JavaScript | Website like YouTube in HTML CSS & JavaScript
zhlédnutí 6KPřed 19 hodinami
In the video, I showed how to build a responsive CZcams website clone using HTML, CSS, and JavaScript. This clone project replicates key features of CZcams’s website, such as a navbar with search, a categories tab, a grid layout for videos, a collapsible sidebar, and options for dark or light themes. 🖼️ Get Images & Text file of this CZcams Clone ➤ drive.google.com/drive/folders/10WhkK0tL4EknAY...
Create Responsive Card Slider in HTML CSS & JavaScript | Card Slider in HTML CSS & JavaScript
zhlédnutí 19KPřed 14 dny
In the video, I showed how to create a responsive card slider using HTML, CSS, and JavaScript. This slider allows users to navigate through the cards using slider buttons or pagination. To make it a modern, touch-friendly, and responsive slider, I used SwiperJS, the leading slider library. 🖼️ Download Images of this Card Slider ➤ www.codingnepalweb.com/custom-projects/card-slider-images-24-07-0...
Build A Currency Converter using ReactJS | Best Beginner ReactJS Project
zhlédnutí 4,9KPřed 21 dnem
In the video, I've shown you how to build a functional currency converter using Reactjs. Users can input an amount, select currencies for conversion, and click a button to fetch the exchange rate. The converter also displays flags representing currency codes, and clicking a swap button switches the currencies. 🖼️ Get background image, svg icon, and currency array drive.google.com/drive/folders/...
Multiple File Uploading in HTML CSS & JavaScript | File Upload with Progress HTML CSS & JavaScript
zhlédnutí 10KPřed měsícem
In the video, I've shown you how to upload single or multiple files with a progress bar using HTML, CSS, and JavaScript. In this file uploader, users can upload their files by clicking on the browse button or by dragging and dropping them. Since JavaScript cannot directly modify the file system, I included a few lines of PHP to receive the user-selected files and save them to the specified dire...
Create Responsive Coffee Website in HTML CSS and JavaScript | Coffee Website in HTML and CSS
zhlédnutí 77KPřed 9 měsíci
In this video, I've shown how to create a responsive coffee website using HTML, CSS, and JavaScript. This website includes a navigation menu bar and a hero section. The navigation bar displays a logo and menu links, while the hero section features a background image, headings, and call to action button. Download Background Image of this Coffee Website www.codingnepalweb.com/demos/create-respons...
Create A Fiverr Website Clone in HTML CSS and JavaScript | Responsive Website HTML CSS & JavaScript
zhlédnutí 17KPřed 9 měsíci
In this video, I've shown how to create a responsive Fiverr website clone using HTML, CSS, and JavaScript. This website includes a navigation menu bar and a hero section. The navigation bar displays a logo and menu links, while the hero section features a background image and a search form. Download Images only of this Website Homepage www.codingnepalweb.com/custom-projects/fiverr-website-image...
Build An AI Image Generation Website in HTML CSS and JavaScript | Like Midjourney and DALL-E
zhlédnutí 94KPřed 10 měsíci
In this video, I've shown how to build an AI-powered Image Generation Website in HTML, CSS, and JavaScript. On this website, users enter their prompt and select a number of AI-generated images they want to be created. They can also download their images by clicking on the download button. This website is similar to MidJourney and DALL-E and works on all devices. Download Images only of this AI ...
Create Responsive Image Slider in HTML CSS and JavaScript | Image Slider HTML CSS & JavaScript
zhlédnutí 161KPřed 10 měsíci
In this video, I've shown how to create a responsive image slider using HTML, CSS, and JavaScript. The slider includes two buttons for sliding images (previous and next) and a horizontal scrollbar. It is made with pure HTML, CSS, and JavaScript and works on all devices. Download Images only of this Image Slider www.codingnepalweb.com/custom-projects/responsive-image-slider-images.zip Hire me on...
Create Responsive Website with Login & Registration Form | HTML CSS and JavaScript
zhlédnutí 79KPřed 10 měsíci
In the video, I demonstrate how to make a responsive website with a login and registration form using HTML, CSS, and JavaScript. The website features a navigation menu at the top with a login button. When clicked, the login form appears as a popup with a blurry background effect. You can easily switch between the login and registration forms by clicking the provided link. Download Images only o...
Top 10 Easy To Create JavaScript Games For Beginners | 10 JavaScript Games with Free Source Code
zhlédnutí 31KPřed 11 měsíci
In this video tutorial, I've shown the top 10 Easy to create JavaScript games for beginners. These game projects are designed to help you improve your web development skills, such as HTML, CSS, and JavaScript. From Quiz apps to Hangman, I've covered all the top beginner-friendly vanilla JavaScript games. 1) Memory or Pair Cards Game Watch: czcams.com/video/DABkhfsBAWw/video.html 2) Snake Game w...
Create A Sidebar with Glassmorphism Effect in HTML and CSS | Sidebar in HTML and CSS
zhlédnutí 24KPřed 11 měsíci
In this video, I've shown how to create a sidebar with glassmorphism effectt in HTML and CSS. This sidebar remained collapsed, showing only the icons for each link. But when we hover over the sidebar, it smoothly expands and reveals the respective logo’s link. Download Only Images of this Sidebar www.codingnepalweb.com/custom-projects/glassmorphism-sidebar-images.zip Live Demo of Download Code ...
Create Text Typing Effect in HTML CSS & Vanilla JavaScript | Multiple Text Typing Animation in CSS
zhlédnutí 19KPřed 11 měsíci
In this video, I've shown how to create a text typing effect using HTML, CSS, and JavaScript. No external frameworks or libraries are needed - just pure vanilla JavaScript. Create Pure CSS Text Typing Effect Watch: czcams.com/video/m0o0QNpY9-0/video.html Download Source Code From Here www.codingnepalweb.com Hire me on Fiverr www.fiverr.com/prakashahi Follow me on Instagram coding....
Build A Hangman Game in HTML CSS and JavaScript | Hangman Game in HTML CSS and JavaScript
zhlédnutí 59KPřed rokem
In this video tutorial, I've shown how to build a responsive Hangman game using HTML, CSS, and JavaScript. In this game, the user has to guess all the letters of a randomly generated word within a given number of tries. There is also a hangman illustration that will progressively appear on the gallows for each incorrect guess. Word List used on this Hangman Game drive.google.com/file/d/1V3qIVPE...
Create A Netflix Login Page in HTML and CSS | Netflix Login Page Clone in HTML and CSS
zhlédnutí 23KPřed rokem
Create A Netflix Login Page in HTML and CSS | Netflix Login Page Clone in HTML and CSS
Create A Simple Responsive Website in HTML and CSS | Responsive Website HTML and CSS
zhlédnutí 22KPřed rokem
Create A Simple Responsive Website in HTML and CSS | Responsive Website HTML and CSS
Build A Weather App in HTML CSS and JavaScript | Weather App Project HTML CSS and JavaScript
zhlédnutí 71KPřed rokem
Build A Weather App in HTML CSS and JavaScript | Weather App Project HTML CSS and JavaScript
How to Make Responsive Website in HTML and CSS | Website in HTML and CSS
zhlédnutí 14KPřed rokem
How to Make Responsive Website in HTML and CSS | Website in HTML and CSS
Create Working Chatbot in HTML CSS and JavaScript | Chatbot HTML CSS JavaScript
zhlédnutí 251KPřed rokem
Create Working Chatbot in HTML CSS and JavaScript | Chatbot HTML CSS JavaScript
Hoverable Sidebar Menu in HTML CSS & JavaScript | Responsive Side Navigation Bar
zhlédnutí 27KPřed rokem
Hoverable Sidebar Menu in HTML CSS & JavaScript | Responsive Side Navigation Bar
Create Your Own ChatGPT in HTML CSS and JavaScript | ChatGPT Clone HTML CSS and JavaScript
zhlédnutí 68KPřed rokem
Create Your Own ChatGPT in HTML CSS and JavaScript | ChatGPT Clone HTML CSS and JavaScript
Filterable Image Gallery in HTML CSS & JavaScript
zhlédnutí 54KPřed rokem
Filterable Image Gallery in HTML CSS & JavaScript
Create A Draggable Bottom Sheet Modal in HTML CSS & JavaScript | Bottom Sheet Modal in JavaScript
zhlédnutí 20KPřed rokem
Create A Draggable Bottom Sheet Modal in HTML CSS & JavaScript | Bottom Sheet Modal in JavaScript
Create A Draggable Card Slider in HTML CSS & JavaScript | Infinite Image Slider in JavaScript
zhlédnutí 148KPřed rokem
Create A Draggable Card Slider in HTML CSS & JavaScript | Infinite Image Slider in JavaScript
Password Validation Check in HTML CSS & JavaScript | Password Strength Check in JavaScript
zhlédnutí 29KPřed rokem
Password Validation Check in HTML CSS & JavaScript | Password Strength Check in JavaScript
Create Image Search Engine in HTML CSS & JavaScript | Functional Image Gallery HTML CSS & JavaScript
zhlédnutí 37KPřed rokem
Create Image Search Engine in HTML CSS & JavaScript | Functional Image Gallery HTML CSS & JavaScript
Build A Gradient Color Generator in HTML CSS & JavaScript | Gradient Generator in JavaScript
zhlédnutí 15KPřed rokem
Build A Gradient Color Generator in HTML CSS & JavaScript | Gradient Generator in JavaScript
Drag and Drop Sortable List in HTML CSs & JavaScript | Draggable List in JavaScript
zhlédnutí 56KPřed rokem
Drag and Drop Sortable List in HTML CSs & JavaScript | Draggable List in JavaScript
Create A Snake Game in HTML CSS & JavaScript | JavaScript Game Tutorial
zhlédnutí 78KPřed rokem
Create A Snake Game in HTML CSS & JavaScript | JavaScript Game Tutorial
10 Best JavaScript Projects with Free Source Code | JavaScript Projects for Beginners
zhlédnutí 13KPřed rokem
10 Best JavaScript Projects with Free Source Code | JavaScript Projects for Beginners