Build an AI Voice and Text Translation SaaS with Next.js, Tailwind CSS, Hugging Face, and TypeScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.ค. 2024
  • Built with the latest Next.js and TypeScript, LinguaSpeak is an advanced voice translation tool. It allows users to speak into the microphone, translate the spoken text to another language, and playback the translation. This project is perfect for those looking to learn how to integrate speech recognition and translation APIs into a Next.js application.
    ⭐ Preline: preline.co/docs/index.html
    ⭐ TailwindCSS: tailwindcss.com/
    ⭐ Tabler Icons: tabler.io/icons
    ⭐ Aceternity UI: shorturl.at/3p5Dp
    📚 Materials/References:
    GitHub Repo (give it a star ⭐): github.com/mendsalbert/lingua...
    README (assets & code): github.com/mendsalbert/lingua...
    ❤️ BuyMeACoffe : www.buymeacoffee.com/mendalbert
    👋 Social Media:
    / mendsalbert
    / mendsalbert_
    / mends-albert
    Subscribe or your gradient Vanishes
    ╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
    ║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
    ╠╗║╚╝║║╠╗║╚╣║║║║║═╣
    ╚═╩══╩═╩═╩═╩╝╚╩═╩═╝
    💼 Business Inquiries: mendsalbert@gmail.com
    👨🏽‍💻 Tools and Tech Stack
    React JS, NextJs, TailwindCSS,Typescript, Preline, Openai API, Tabler Icons, Javascript, AI.

ความคิดเห็น • 35

  • @albertmends
    @albertmends  20 ชั่วโมงที่ผ่านมา +2

    Thank you all for your support and suggestions. I'm dedicated to improving the quality and content of my videos, so I appreciate your patience with any mistakes. We're on this journey together, and I promise to keep getting better. ❤🚀

  • @peterchinoko4339
    @peterchinoko4339 10 วันที่ผ่านมา

    Love your projects bro

    • @albertmends
      @albertmends  10 วันที่ผ่านมา

      Thanks man

  • @albertmends
    @albertmends  6 วันที่ผ่านมา +2

    🌟🌟🌟🌟🌟🌟
    New Video : th-cam.com/video/gvUsUpDlav4/w-d-xo.html
    Hi everyone 👋
    I’d love to stay connected with you all. Let’s link up on Telegram, Discord, and Twitter!
    Telegram: t.me/albertmends
    Discord: discord.gg/FHkaTgEx
    Twitter: x.com/mendsalbert

  • @codebrilliantly
    @codebrilliantly 12 วันที่ผ่านมา +1

    Great content bro. Kudos 🥂

    • @albertmends
      @albertmends  12 วันที่ผ่านมา

      Thank you 🙌

  • @yantech.4249
    @yantech.4249 13 วันที่ผ่านมา +1

    great work sir and big thanks

    • @albertmends
      @albertmends  13 วันที่ผ่านมา

      Appreciated 🙏🏽

  • @crossmindedninja5522
    @crossmindedninja5522 13 วันที่ผ่านมา +1

    Mind blowing video.

    • @albertmends
      @albertmends  13 วันที่ผ่านมา

      Many many thanks

  • @vickyrajeev9821
    @vickyrajeev9821 9 วันที่ผ่านมา +1

    Thanks Bro

  • @joeokat
    @joeokat 7 วันที่ผ่านมา +1

    Well done, can you make a video of another awesome project using next.js docs with the app dir without the use of name aliases as most Devs do?

    • @albertmends
      @albertmends  7 วันที่ผ่านมา

      Alright…I will be doing that in one of my upcoming videos.

  • @ramprasadchauhan7
    @ramprasadchauhan7 12 วันที่ผ่านมา +1

    Nice, please make a project with model training with custom data, vector database and handle different types files like csv , pdf .

    • @albertmends
      @albertmends  12 วันที่ผ่านมา

      Interesting project! I will give it a shot

    • @IsaacNelsonShekuBartyKargbo
      @IsaacNelsonShekuBartyKargbo 11 วันที่ผ่านมา

      @@albertmends My own project is not translating, please help

  • @samansyr
    @samansyr 13 วันที่ผ่านมา +1

    Where is the hugging face? Not appearing in the video

    • @albertmends
      @albertmends  13 วันที่ผ่านมา +2

      Although we removed it in the final part of the video to make it easier with the OpenAI API, we have many tutorials coming up that include Hugging Face.

  • @akshatchaube1213
    @akshatchaube1213 17 ชั่วโมงที่ผ่านมา

    It uses OpenAI API, is it free to use?

  • @IsaacNelsonShekuBartyKargbo
    @IsaacNelsonShekuBartyKargbo 11 วันที่ผ่านมา +1

    Hello and Thanks for this nice and wonder project.
    I have completed the entire tutorial but my own is not translating, i don't know why. Please help

    • @albertmends
      @albertmends  11 วันที่ผ่านมา

      @@IsaacNelsonShekuBartyKargbo have you created a “.env” file?

    • @IsaacNelsonShekuBartyKargbo
      @IsaacNelsonShekuBartyKargbo 11 วันที่ผ่านมา

      @@albertmends Yes please

    • @albertmends
      @albertmends  11 วันที่ผ่านมา +1

      Kindly Create an issue on my GitHub

  • @rvick3914
    @rvick3914 10 วันที่ผ่านมา

    Thanks, can I run on CPU because i don't have GPU

    • @albertmends
      @albertmends  10 วันที่ผ่านมา

      Yeah you can…all the processing are done remotely not locally

  • @chiawuese
    @chiawuese 13 วันที่ผ่านมา +1

    Wow this is great, how about Building a Text to speech Ai Avatar with Good AI Voice cloner and Text Translation SaaS

    • @albertmends
      @albertmends  13 วันที่ผ่านมา +1

      I will work on a version 2 of this project which will include all the features you just mentioned.

    • @chiawuese
      @chiawuese 13 วันที่ผ่านมา +1

      ​@@albertmends that will make it even more comprehensive, well done, keep up the good work

    • @albertmends
      @albertmends  13 วันที่ผ่านมา

      @@chiawueseappreciated 🙏

    • @suvrodattacp
      @suvrodattacp 12 วันที่ผ่านมา

      Subscribed 😊

  • @StephenRayner
    @StephenRayner 11 วันที่ผ่านมา +1

    Add in translation memory

    • @albertmends
      @albertmends  11 วันที่ผ่านมา

      Alright..noted!

  • @Ebaemran
    @Ebaemran 12 วันที่ผ่านมา

    its great can you make something which convert any video to blog post , I know its difficult but you can do it

    • @albertmends
      @albertmends  12 วันที่ผ่านมา

      Okay I will try and work on that 👍

    • @Ebaemran
      @Ebaemran 12 วันที่ผ่านมา

      @@albertmends its really challenging