OneLLM: aplicativo de chat com IA no estilo Samsung OneUI
(onellm.sideros.kr)Introdução ao projeto
OneLLM é um aplicativo de chat com IA que imita o Samsung OneUI. Ele usa o Groq para oferecer respostas de IA rápidas e precisas, além de proporcionar uma experiência natural, semelhante à de um app nativo, com uma interface no estilo OneUI.
Principais recursos
-
Sistema de design OneUI
- Aplicação dos Material Icons e dos elementos de design do Samsung OneUI
- Uso da fonte SamsungOne
- Interface de usuário intuitiva e limpa
- Suporte a modo escuro
-
Recursos avançados de chat
- Não requer login
- Salvamento e gerenciamento do histórico de conversas
- Função de busca nas conversas
-
Opções de personalização
- Possibilidade de escolher entre vários modelos de IA
- Suporte a modelos baseados em Deepseek distilled Qwen | LLama
- Ajuste do tamanho da fonte
- Personalização por meio do menu de configurações
Stack técnica
- React.js
- CSS3
- Node.js
Características
- Design responsivo, amigável para dispositivos móveis ( PWA )
- Armazenamento das conversas usando local storage
- Exibição de timestamp das mensagens
Este projeto é uma PWA implementada para que, com os elementos de design do Samsung OneUI, o sistema de ícones, o sistema de cores, o logout e até as interações, pareça um app nativo em dispositivos Galaxy.
Como ele foi desenvolvido com foco na UX mobile mais do que no desktop, é recomendável experimentá-lo no celular.
15 comentários
No frontend, a
apikeyestá sendo enviada diretamente para a API da Groq. Tudo bem fazer isso?Mesmo sendo só uma demo, estou avisando que há exposição da
apikey.Obrigado pela boa sugestão!
Originalmente, já havia planos de processar as requisições por meio de um servidor proxy de backend, mas como a API da Groq não cobra pelo uso pessoal, pode-se dizer que quase não há prejuízo caso a chave da API fique exposta.
Por isso, a aplicação acabou sendo construída com uma estrutura em que a chave é passada diretamente pelo frontend, e, no futuro, se for criada uma versão que permita usar chaves de API do Azure ou da OpenAI, provavelmente será adicionado também o processo de proxy no backend.
O código-fonte do OneLLM foi publicado no GitHub!
Quem tiver curiosidade pode acessar por este link
https://github.com/sioaeko/OneLLM
Faz bastante tempo que não é atualizado, mas existe isso também.
https://github.com/SamsungInternet/OneUI-Web
Obrigado pela boa opinião!
Parece que foram refletidos só os elementos de UX da época do OneUI 2.
O OneLLM foi feito para reproduzir ao máximo a sensação do OneUI 6,
então embora pareça haver diferenças em relação aos elementos daquela época, vou testar quando tiver tempo.
Sugiro alterar o valor de
heightpara100dvh, pois isso pode se ajustar melhor ao layout móvel.Agradeço pela boa sugestão. Já apliquei a alteração no CSS.
O acesso do exterior não funciona.
Atualmente, o acesso foi liberado para Japão, Coreia do Sul e Estados Unidos.
O acesso a alguns países estrangeiros estava bloqueado pelo firewall WAF da Cloudflare.
Se você quiser acessar de algum outro país, é só me avisar que eu libero.
Por favor, em turco (Türkiye). Sou expatriado na Turquia.
Exceção de firewall para a Turquia foi adicionada.
Eu estava nos Estados Unidos, mas funciona muito bem!
No exterior, o acesso não está disponível e, na Coreia, retorna 502 Bad Gateway.
No momento, desliguei temporariamente o projeto por causa de correções nas alterações! Vou ligá-lo novamente depois de aplicar as mudanças.
Agora está online.