Tutorialspoint

Build a Text Translator using React and React Hooks

In this video, I'll show you how to build a text translator application using React. It will support 17 languages, and you can do cross translation too.

  Nishant Kumar

   React, Web Development, Development

   Published on 09/2021

0
  • Introduction - What we will Build
    00:43
    Preview
  • Creating the React app
    00:32
    Preview
  • Creating the Translate Component
    01:56
    Preview
  • Installing Semantic UI Library and Adding the Header
    04:07
  • Creating the Input Text Area
    03:28
  • Adding Result Textarea, Translate button and Language Select option
    05:00
  • Getting input data from Input Textarea
    02:55
  • Getting Input Data to the Result Textarea
    01:10
  • Creating the Languages List
    03:46
  • Getting data from API for Lanaguages List I
    03:18
  • Getting data from API for Lanaguages List II
    03:53
  • Getting the Language Key from Language Select
    02:43
  • Calling the Translate API I
    02:15
  • Calling the Translate API II - Getting the Source Language Key
    08:42
  • Making some Improvments
    03:30

Description

Hello, I am Nishant and I am an enthusiastic developer with a knack for building products with good UI and UX. I teach Front-end Development to beginners, and some other things too.

I build projects to learn how code works.

And while I am not coding, I enjoy writing poetry and stories and cooking delicious meals.

In this course, we cover all the steps from creating an app in React all the way through to build a Translator Application in React

  • We will start by initializing the React App.

  • We will learn how to create Components.

  • How to send API Requests.

  • How to use LibreTranslate API

  • And last but not the least, how to use Semantic UI Library.

Enroll now and get started on your journey to build React applications from scratch to finish.

What you’ll learn

  • React and React Hooks

  • How to create components.

  • How to send API Requests.

  • And last but not the least, how to use Semantic UI Library.

  • How to use Libre Translate API.

Who this course is for:

  • Anyone interested in learning React.

  • Anyone interested in learning API handling.

  • Beginner React.

  • Beginner Front-end developers.

  • Beginner Full Stack Developers.

  • Beginner Mobile Developers.

  • Beginner JavaScript Developers.

  • Intermediate Front-end Developers.

  • Intermediate React Developers

  • Beginner HTML/CSS Developers

  • Intermediate HTML/CSS Developers

What Will I Get ?

  • React
  • React Hooks
  • API handling
  • Semantic UI
  • Creating Components
  • State and Props

Requirements

  • Node js installed
0
Course Rating
0%
0%
0%
0%
0%

    Feedbacks (0)

  • No Feedbacks Yet..!
Build a Text Translator using React and React Hooks
This Course Includes :

47 mins

15 Lectures

Lifetime Access

30-Days Money Back Guarantee