Переводчик

DEMO

С возможонстью хранения истории переводов по языкам и фаворитам, перевода на 142 языка и озвучивания текста.

Важно: озвучка работает в зависимости от вашего браузера. Она берет доступные голоса вашего браузера и воспроизводит только их. Н-р, у меня в Opera GX всего 2 голоса и оба русские, а в Microsoft Edge больше 40 на разных языках мира, н-р, Исландский, Японский, Корейский, Русский и т.д.

Реализовано:

• Вывод истории по категориям
• Перевод текста
• Озвучка текста при помощи Speech Synthesis API
• Выбор необходимого языка
• Выделение доступных для озвучивания языков в модальном окне выбора языка
• Адаптив
• Добавление в фавориты
• Лоадер при переводе текста

---

Технологии

• TypeScript
• Vite
• Redux Toolkit
• React Hook Form
• Axios
• SCSS

---

Установка

В корневой директории вы можете:

Устанавливает зависимости

$ npm install

---

Запускает приложение в режиме разработчика.
Откройте http://127.0.0.1:5173/ для просмотра в браузере.

$ npm run dev

---

Собирает приложение в директорию dist для деплоя.

$ npm run build

---

Анализирует файлы .ts, .tsx на качество кода.

$ npm run lint:es

---

Исправляет код в .ts, .tsx файлах.

$ npm run lint:es:fix

---

Анализирует файлы .scss на качество кода.

$ npm run lint:scss

---

Исправляет код в .scss файлах.

$ npm run lint:scss:fix