/translator-berapp

This project Uses different API's for translate. Also use chatgpt api for translation. Features: Quizes, grammar issue fix, translator, ai-translator

Primary LanguageTypeScript

Translator App

Bu projenin amacı insanların bütün çeviri araçlarına kolayca ulaşabileceği bir platform sunmak. Bilgilerimi geliştirmek.

Ortam Değişkenleri

Bu projeyi çalıştırmak için aşağıdaki ortam değişkenlerini .env dosyanıza eklemeniz gerekecek. .env.example'dan kopyalayabilirsiniz.

DEVELOPMENT =

NEXT_PUBLIC_APP_URL =

NEXTAUTH_URL =

GOOGLE_CLIENT_ID =

GOOGLE_CLIENT_SECRET =

NEXTAUTH_SECRET =

DATABASE_URL =

Bilgisayarınızda Çalıştırın

Projeyi klonlayın

  git clone git@github.com:dukeofsoftware/translator-berapp.git

Proje dizinine gidin

  cd bilisim-sitesi

Paketleri yükleyin

pnpm install

Çalıştırmak için farklı seçenekler:

pnpm dev # projeyi geliştirici modunda başlatır

pnpm serve # projenin çıktısını alır ve başlatır 

Çıkarılan Dersler

React-hook-form, react-query, mantine, openai API'sini kullanmayı öğrendim. Typescript, tailwindCSS, next.js, prisma, next-auth bilgimi geliştirdim.

Kullanılan Teknolojiler

İstemci

  • react-hook-form, yup, => Formlar için kullandım
  • mantine, tailwindCSS => Görsel arayüzü oluşturmak için kullandım
  • react-query, axios => Veri çekme, gönderme işlemleri için kullandım
  • react-icons => Ikonlar için kullandım.
  • react-toastify => toast için kullandım

Sunucu

  • bcrpyt => Şifreleri şifreleyip korumak için kullandım
  • prisma => orm olarak kullandım
  • next-auth => Doğrulama işlemleri için kullandım
  • openai => Yapay zeka işlemleri için api'sini kullandım

Ekran Görüntüleri

Grammar yanlışlarını farklı dillerde bulma ve düzeltme sunma image

Girilen kelimenin ingilizce sözlükteki anlamlarını gösterme ve örnek verme image

Çeşitli seviye quizler image image

Birçok dile çeviri image

Yapay zeka kullanarak çeviri image

Yazarlar ve Teşekkür