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 [email protected]: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

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

Çeşitli seviye quizler

Birçok dile çeviri

Yapay zeka kullanarak çeviri

Yazarlar ve Teşekkür

• @dukeofsoftware Yazılım geliştirme.