Show GN: OneLLM: Samsung OneUI 스타일의 AI 채팅 애플리케이션
(onellm.sideros.kr)프로젝트 소개
OneLLM은 Samsung OneUI를 모방한 AI 채팅 애플리케이션입니다. Groq를 활용하여 빠르고 정확한 AI 응답을 제공하며, OneUI와 같은 느낌의 인터페이스로 자연스러운 네이티브앱 같은 경험을 불러옵니다.
주요 기능
-
OneUI 디자인 시스템
- Samsung OneUI의 Material Icon과 디자인 요소 적용
- SamsungOne 폰트 적용
- 직관적이고 깔끔한 사용자 인터페이스
- 다크 모드 지원
-
고급 채팅 기능
- 로그인 불필요
- 채팅 히스토리 저장 및 관리
- 대화 내용 검색 기능
-
커스터마이징 옵션
- 다양한 AI 모델 선택 가능
- Deepseek 증류 Qwen | LLama 기반 모델 지원
- 글자 크기 조절
- 설정 메뉴를 통한 개인화
기술 스택
- React.js
- CSS3
- Node.js
특징
- 모바일 친화적인 반응형 디자인 ( PWA )
- 로컬 스토리지를 활용한 대화 내용 저장
- 메시지 타임스탬프 표시
이 프로젝트는 Samsung OneUI의 디자인 요소와 아이콘 시스템, 색상 시스템, 로그아웃, 인터랙션까지 갤럭시 기종에서 네이티브 앱인것처럼 만들고자 구현한 PWA입니다.
데스크탑보단 모바일 UX에 초점을 두었기 때문에 폰에서 사용해보시는걸 추천드립니다
좋은 의견 감사합니다!
원래도 백엔드 프록시 서버로 요청을 처리하도록할 계획이 있었으나 Groq API는 개인적 이용에선 과금이 되지않기 때문에 API키가 노출된다해서 생기는 불이익이 거의 없다고 보시면 됩니다
그렇기에 프론트엔드에서 직접적으로 키를 전달하는 구조로 제작하게 되었고 추후 azure나 OpenAI의 API키를 담아서 쓸수있는 버전을 제작하게되면 백엔드 프록시 과정을 추가할것으로 보입니다
OneLLM 의 소스코드를 깃허브에 공개했습니다!
궁금한 분들은 이 링크로 들어가시면 됩니다
좋은 의견 감사합니다!
OneUI 2 시절 UX 요소들까지만 반영된것같습니다
OneLLM 은 OneUI 6 느낌을 최대한 구현하고자 만든거라
저 시절 요소들과 차이가 있어보이지만 시간날때 한번 테스트해봐야겠네요
현재 일본,대한민국,미국에 대한 접근을 풀어놨습니다
Cloudflare의 WAF 방화벽으로 일부 외국 국가에 대한 접근을 막아놨었습니다.
혹시나 이외에 국가에서 접근하시고자한다면 말씀해주시면 풀어드리겠습니다