Bal-Dez-One
Bal-Dez-One
  • Видео 64
  • Просмотров 23 662
How to Create a Star Rating Component in React | Step by Step Tutorial
In this tutorial, I'll show you how to create a simple and interactive star rating component using React. We'll go step-by-step, from setting up the project to building and styling the component, perfect for beginners. By the end, you'll have a functional star rating system that you can easily add to any of your React applications. Let's get started!
Просмотров: 68

Видео

How do I update my npm version to the latest version?
Просмотров 73Месяц назад
How do I update my node version in VS code? ruclips.net/video/h87sODu3yMA/видео.html Node website: nodejs.org/en/about/previous-releases Npm website: www.npmjs.com/package/npm
Currency Converter JavaFX App | Build & Learn
Просмотров 94Месяц назад
The GitHub repo link: github.com/baldez300/A_Currency_Converter_JavaFX_App/tree/master Overview: This project is a Currency Converter application developed using JavaFX. It adheres to the Model-View-Controller (MVC) design pattern to ensure a clear separation of concerns. The application allows users to convert amounts between different currencies using a simple and intuitive graphical user int...
JavaFX Notebook App: Step by Step Guide Tutorial!
Просмотров 151Месяц назад
GitHub repo link: github.com/baldez300/aNotebookAppGUI_java/tree/master Learn how to create a dynamic Notebook application using JavaFX in this comprehensive step-by-step guide. Perfect for beginners and intermediate Java developers, this tutorial covers everything from setting up your project to implementing features like adding, editing, and displaying notes with a user-friendly interface. Ge...
Java App with MongoDB and MongoDB Compass Integration
Просмотров 38Месяц назад
My GitHub repository link: github.com/baldez300/java_App_with_MongoDB In this video, you'll learn how to seamlessly integrate MongoDB with a Java application using MongoDB and MongoDB Compass. Follow along as we demonstrate the entire process, from setting up your environment to performing CRUD operations. Perfect for developers looking to enhance their Java projects with robust database soluti...
Create a Multi Language React App with i18next | Using ChatGPT
Просмотров 752 месяца назад
Let's create a new React project from scratch with localization for English, Spanish, Japanese, and Farsi, including handling right-to-left text direction for Farsi. HERE'S THE STEP-BY-STEP GUIDE: 1. Set Up a New React Project: npx create-react-app react-localization-demo cd react-localization-demo Add Icons Install react-icons for the globe icon: npm install react-icons Run Your App Now you ca...
Figma Tutorial: Prototyping Login, Registration, & Thank You Page
Просмотров 533 месяца назад
First Figma Demo: Watch Now! Link: ruclips.net/video/o_PWvcr3Ffc/видео.html
How to Change Your Default Search Engine in Google Chrome
Просмотров 1373 месяца назад
Google Chrome Tip: Changing Your Search Engine Made Easy Link: chrome://settings/search
Master the Kali Linux GUI & Shell Beginner's Guide | STEP 1
Просмотров 703 месяца назад
Master the Kali Linux GUI & Shell Beginner's Guide | STEP 1
How to Change the Keyboard Language in Kali Linux
Просмотров 5233 месяца назад
How to Change the Keyboard Language in Kali Linux
How to Install Kali Linux 2023 on Mac M1 and M2 with UTM
Просмотров 1163 месяца назад
UTM Link: mac.getutm.app/ UTM gallery Link: mac.getutm.app/gallery/
How to design a Login page from scratch in Figma ?
Просмотров 1345 месяцев назад
Designing a login page from scratch in Figma involves several steps. Link: www.figma.com Second Figma Demo: Watch Now! Link: ruclips.net/video/9tR3oFlma0U/видео.html
How to install StarUML software & Start using it?
Просмотров 276 месяцев назад
How to install StarUML software & Start using it?
How to Install SceneBuilder & Connect in IntelliJ IDEA (JavaFX) on MacOS
Просмотров 446 месяцев назад
How to Install SceneBuilder & Connect in IntelliJ IDEA (JavaFX) on MacOS
How to Install Jenkins on Mac
Просмотров 446 месяцев назад
How to Install Jenkins on Mac
How to Install Minikube on Mac?
Просмотров 2956 месяцев назад
How to Install Minikube on Mac?
Install and run Docker Desktop on Mac
Просмотров 706 месяцев назад
Install and run Docker Desktop on Mac
Skybridge Adventure Demo-2: Win the Ultimate Trophy! 🏆| Developed through Roblox Studio
Просмотров 218 месяцев назад
Skybridge Adventure Demo-2: Win the Ultimate Trophy! 🏆| Developed through Roblox Studio
Skybridge Adventure Demo-1: Win the Ultimate Trophy! 🏆| Developed through Roblox Studio
Просмотров 338 месяцев назад
Skybridge Adventure Demo-1: Win the Ultimate Trophy! 🏆| Developed through Roblox Studio
OBS for Screen Recording or Streaming Beginners Tutorial
Просмотров 2178 месяцев назад
OBS for Screen Recording or Streaming Beginners Tutorial
A server application built using Express js a popular Node js framework
Просмотров 518 месяцев назад
A server application built using Express js a popular Node js framework
RESTful API with Node js and Express | CRUD Operations Step by Step
Просмотров 3110 месяцев назад
RESTful API with Node js and Express | CRUD Operations Step by Step
Galactic Shooter: Epic Space Battle with Python and PyGame PART 2
Просмотров 3310 месяцев назад
Galactic Shooter: Epic Space Battle with Python and PyGame PART 2
Galactic Shooter: Epic Space Battle with Python and PyGame (PART_1)
Просмотров 7010 месяцев назад
Galactic Shooter: Epic Space Battle with Python and PyGame (PART_1)
How to install Homebrew and then cmatrix on macOS
Просмотров 89010 месяцев назад
How to install Homebrew and then cmatrix on macOS
Sequel Pro with MySQL MariaDB on a MAC
Просмотров 49910 месяцев назад
Sequel Pro with MySQL MariaDB on a MAC
How to blur something in a video? | with iMovie
Просмотров 95Год назад
How to blur something in a video? | with iMovie
How to find a website IP address from Terminal?
Просмотров 77Год назад
How to find a website IP address from Terminal?
How to create a comment form? || HTML, CSS and JS
Просмотров 165Год назад
How to create a comment form? || HTML, CSS and JS
Generate Random Quotes with || html, css, js & json
Просмотров 19Год назад
Generate Random Quotes with || html, css, js & json

Комментарии

  • @buffinarshavin
    @buffinarshavin Месяц назад

    Nice one, i am expecting more of JavaFx from you in ifferent projects too

    • @bal-dez-one
      @bal-dez-one Месяц назад

      Thanks! Glad you enjoyed it. Stay tuned for more Java FX projects coming in the future..

  • @Harold_12002
    @Harold_12002 Месяц назад

    Wassup Bro, I'm currently watching your video ,I will give you feedback once I'm done

    • @bal-dez-one
      @bal-dez-one Месяц назад

      @@Harold_12002 Great! You are welcome. Enjoy bro!

  • @arnabroy2995
    @arnabroy2995 2 месяца назад

    Thanks Buddy 😀

  • @bal-dez-one
    @bal-dez-one 2 месяца назад

    5. Initialize i18next in Your App Wrap your application in the I18nextProvider: // src/index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import './i18n'; // import the i18n configuration ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById('root') ); ------------------------------------------------------------------------------------------------------ 6. Use Translations in Your Components Use the useTranslation hook to access translations in your components and handle RTL for Farsi: // src/App.js import React, { useEffect } from 'react'; import { useTranslation } from 'react-i18next'; import LanguageSwitcher from './LanguageSwitcher'; function App() { const { t, i18n } = useTranslation(); useEffect(() => { document.body.dir = i18n.language === 'fa' ? 'rtl' : 'ltr'; }, [i18n.language]); return ( <div className="App"> <header className="App-header"> <h1>{t('welcome')}</h1> <p>{t('description')}</p> <LanguageSwitcher /> </header> </div> ); } export default App; ------------------------------------------------------------------------------------------------------ 7. Create a Language Switcher Create a LanguageSwitcher component to switch languages: // src/LanguageSwitcher.js import React, { useState } from 'react'; import { useTranslation } from 'react-i18next'; import { FaGlobe } from 'react-icons/fa'; import './LanguageSwitcher.css'; function LanguageSwitcher() { const { i18n } = useTranslation(); const [dropdownOpen, setDropdownOpen] = useState(false); const changeLanguage = (lng) => { i18n.changeLanguage(lng); setDropdownOpen(false); // close dropdown after selecting a language }; const toggleDropdown = () => { setDropdownOpen(!dropdownOpen); }; return ( <div className="language-switcher"> <button onClick={toggleDropdown} className="dropdown-button"> <FaGlobe /> </button> {dropdownOpen && ( <ul className="dropdown-menu"> <li onClick={() => changeLanguage('en')}>English</li> <li onClick={() => changeLanguage('es')}>Español</li> <li onClick={() => changeLanguage('ja')}>日本語</li> <li onClick={() => changeLanguage('fa')}>فارسی</li> </ul> )} </div> ); } export default LanguageSwitcher;

  • @bal-dez-one
    @bal-dez-one 3 месяца назад

    Click the link above to watch the first Figma demo tutorial! 🖇💯

  • @amitbt69
    @amitbt69 8 месяцев назад

    thanks!

  • @bal-dez-one
    @bal-dez-one 8 месяцев назад

    The video link of PART 1 ruclips.net/video/61cpHjcrlrs/видео.html

  • @bal-dez-one
    @bal-dez-one 8 месяцев назад

    Here are three commands you need to execute for the tutorial video: npm init -y npm install express npm install nodemon These commands will set up your project, install the Express framework, and add Nodemon for automatic server restarting during development.

  • @RajeevSahasrabudhe-xc5it
    @RajeevSahasrabudhe-xc5it 10 месяцев назад

    Your instructions were very usefull. Thanks.

  • @bal-dez-one
    @bal-dez-one 11 месяцев назад

    So, to make these commands work on Windows, open your command prompt or PowerShell as an administrator by right-clicking and selecting "Run as administrator," and then run the commands without *sudo*. It should look like this: npm cache clean -f npm install -g n n latest This should help you update Node.js to the latest version on your Windows machine.

    • @hardiksharma8097
      @hardiksharma8097 8 месяцев назад

      tis showing me an erros npm ERR! code EBADPLATFORM npm ERR! notsup Unsupported platform for n@9.2.0: wanted {"os":"!win32"} (current: {"os":"win32","arch":"x64"})

  • @digdug42069
    @digdug42069 11 месяцев назад

    doesn't seem to work in windows

    • @bal-dez-one
      @bal-dez-one 11 месяцев назад

      So, to make these commands work on Windows, open your command prompt or PowerShell as an administrator by right-clicking and selecting "Run as administrator," and then run the commands without *sudo*. It should look like this: npm cache clean -f npm install -g n n latest This should help you update Node.js to the latest version on your Windows machine.

  • @Wedadmosh
    @Wedadmosh 11 месяцев назад

    I downloaded Dbeaver and mysql server but when open localhost is not open “ Communications link failure The last packet sent successfully to the server was 0 milliseconds ago. The driver has not received any packets from the server. Connection refused” 😓

    • @bal-dez-one
      @bal-dez-one 11 месяцев назад

      "Communications link failure" and "Connection refused," suggests that there might be an issue with the connection between DBeaver and your MySQL server. mysql -u your_username -p Replace "your_username" with your MySQL username. If you can successfully connect, it means your MySQL server is up and running. You can check the status and start it using commands like ( Using mysql.server: To start MySQL server: sudo mysql.server start To stop MySQL server: sudo mysql.server stop To restart MySQL server: sudo mysql.server restart To check the status of MySQL server: sudo mysql.server status ) depending on your operating system. Verify Port and Host: Double-check the host and port settings in DBeaver. Make sure you're using the correct hostname or IP address and the port where your MySQL server is listening (the default is 3306).

  • @bishnuthapako
    @bishnuthapako Год назад

    worked 👍

  • @EthioInspired
    @EthioInspired Год назад

    It works 👍

  • @huzaifanadeem2913
    @huzaifanadeem2913 Год назад

    how can i know the database name??

    • @bal-dez-one
      @bal-dez-one Год назад

      Here are the steps to follow to see your database name(s) if you already have one or more in MySQL server: 1. Open Terminal. 2. Enter the following command: mysql -u <username> -p 3. Enter Password: After pressing Enter (from step 2.), you'll be prompted to enter your MySQL password. Type your password (you won't see characters as you type), and then press Enter. 4. Then enter the following command: SHOW DATABASES; Press Enter. This will display a list of all the database names present on your MySQL server. 5. To exit the MySQL command-line interface, you can type: EXIT; OR \q Either command will disconnect you from the MySQL server and return you to the terminal.

  • @bal-dez-one
    @bal-dez-one Год назад

    The data for the JSON file down below fileName: quotes.json [ { "quote" : "Life is about making an impact, not making an income.", "author" : "Kevin Kruse" }, { "quote" : "Whatever the mind of man can conceive and believe, it can achieve.", "author" : "Napoleon Hill" }, { "quote" : "Strive not to be a success, but rather to be of value.", "author" : "Albert Einstein" }, { "quote" : "Two roads diverged in a wood, and I-I took the one less traveled by, And that has made all the difference", "author" : "Robert Frost" }, { "quote" : "I attribute my success to this: I never gave or took any excuse.", "author" : "Florence Nightingale" }, { "quote" : "You miss 100% of the shots you don’t take.", "author" : "Wayne Gretzky" }, { "quote" : "I’ve missed more than 9000 shots in my career. I’ve lost almost 300 games. 26 times I’ve been trusted to take the game winning shot and missed. I’ve failed over and over and over again in my life. And that is why I succeed.", "author" : "Michael Jordan" }, { "quote" : "The most difficult thing is the decision to act, the rest is merely tenacity.", "author" : "Amelia Earhart" }, { "quote" : "Every strike brings me closer to the next home run.", "author" : "Babe Ruth" }, { "quote" : "Definiteness of purpose is the starting point of all achievement.", "author" : "W. Clement Stone" }, { "quote" : "Life isn’t about getting and having, it’s about giving and being.", "author" : "Kevin Kruse" }, { "quote" : "Life is what happens to you while you’re busy making other plans.", "author" : "John Lennon" }, { "quote" : "We become what we think about.", "author" : "Earl Nightingale" }, { "quote" : "Twenty years from now you will be more disappointed by the things that you didn’t do than by the ones you did do, so throw off the bowlines, sail away from safe harbor, catch the trade winds in your sails. Explore, Dream, Discover.", "author" : "Mark Twain" }, { "quote" : "Life is 10% what happens to me and 90% of how I react to it.", "author" : "Charles Swindoll" }, { "quote" : "The most common way people give up their power is by thinking they don’t have any.", "author" : "Alice Walker" }, { "quote" : "The mind is everything. What you think you become.", "author" : "Buddha" }, { "quote" : "The best time to plant a tree was 20 years ago. The second best time is now.", "author" : "Chinese Proverb" }, { "quote" : "An unexamined life is not worth living.", "author" : "Socrates" }, { "quote" : "Eighty percent of success is showing up.", "author" : "Woody Allen" }, { "quote" : "Your time is limited, so don’t waste it living someone else’s life.", "author" : "Steve Jobs" }, { "quote" : "Winning isn’t everything, but wanting to win is.", "author" : "Vince Lombardi" }, { "quote" : "I am not a product of my circumstances. I am a product of my decisions.", "author" : "Stephen Covey" }, { "quote" : "Every child is an artist. The problem is how to remain an artist once he grows up.", "author" : "Pablo Picasso" }, { "quote" : "You can never cross the ocean until you have the courage to lose sight of the shore.", "author" : "Christopher Columbus" } ]

  • @soysauce3960
    @soysauce3960 Год назад

    i dont have the local client mysql, how to get it

    • @bal-dez-one
      @bal-dez-one Год назад

      Here are the step-by-step instructions for a fresh install of MySQL: There are some for users (Microsoft Windows, macOS and Linux). Go to this link and follow the steps. dev.mysql.com/doc/mysql-getting-started/en/ If you have any further questions about this, please don't hesitate to ask.

    • @soysauce3960
      @soysauce3960 Год назад

      @@bal-dez-one THANKYOU it helps a lot !!

    • @bal-dez-one
      @bal-dez-one Год назад

      You're welcome..! Glad I could help.

  • @bal-dez-one
    @bal-dez-one Год назад

    🛻 😀

    • @pavebilan529
      @pavebilan529 Год назад

      I need your help about that shopping list project can you help me

    • @bal-dez-one
      @bal-dez-one Год назад

      @@pavebilan529Yes, Can you describe what kind of help do you need about the project?

    • @pavebilan529
      @pavebilan529 Год назад

      I did everything like you did on the video but the list isnt working for me can I show you somewhere what happens

    • @pavebilan529
      @pavebilan529 Год назад

      Or can you maybe make one for me I need it if I fail I have to pay 1200$

    • @bal-dez-one
      @bal-dez-one Год назад

      @@pavebilan529 Why you have to pay?

  • @bal-dez-one
    @bal-dez-one Год назад

    Wanna play now..?

  • @bal-dez-one
    @bal-dez-one Год назад

    Good job

  • @adeebogaili2111
    @adeebogaili2111 Год назад

    Very helpful tutorial, thank you!

  • @bal-dez-one
    @bal-dez-one 2 года назад

    Good!!!

  • @bal-dez-one
    @bal-dez-one 2 года назад

    Learn by playing

  • @bal-dez-one
    @bal-dez-one 2 года назад

    Let's learn in the best manner😀

  • @bal-dez-one
    @bal-dez-one 2 года назад

    Like it!!

  • @bal-dez-one
    @bal-dez-one 2 года назад

    Hello everyone welcome to this channel!