Team X

Kamil Janeczek
May 26, 2024
AI assistant
Tauri
Next.js
Rust
JavaScript
React
Frontend

Objective

Create personal AI powered assistant that can help with day to day task improve my performance

Technologies

Tauri
Rust
React
JavaScript
Next.js
TailwindCSS
shadcn

Social share

Links

Challenge

Team X is a Windows application written in JavaScript (with small parts in Rust) that is built using https://tauri.app. Tauri allows of building optimized, secure, and frontend-independent application for multi-platform deployment. Using Tauri we can build almost natively looking Windows applications using web developemnt stack, meaning JavaScript. This is very powerfull technique as developers can use well known tech stack to build Windows app. Be sure the check out demo.

This is excatly the case with Team X application. Under the hood we got following technologies:

  • JavaScript
  • Type Script
  • HTML
  • CSS
  • Tailwind CSS
  • React
  • Node.js

Only small part of the logic is written in Rust, mostly parts responsible for integration with OS:

  • global shortcuts
  • integration with Windows tray
  • styling of window
  • keeping window always on top

Team X application is a frontend for AI assistant, under the hood it connectx to Team Y, backend API application that handles all the AI logic. Separating application into two distinct apps allows for easy rollout to other channels for example mobile app, integration into Whatsup or Slack apps. Check more about Team Y project where I go deepr into explaining more about AI logic.

Main features supported by frontend Team X app:

  • session management
  • choosing assistant - each assistatn has sligthly different pesonality and excels in different tasks
  • converstation with assistants - keeping the conversation
  • history of conversations
  • configuration of application -dar mode, Google oauth2
  • uploading documents
  • recording the voice message - that can be transcibed into text message
Login screen
User needs to login to gain access to application. If needed new account can be created.
Team X app - project structure
Choose assistant
After sucessful login user choose assisant. Each assistant has sligthy different personality and other areas of expertise
Team X app - Choose assistant
Conversation with assistant
Conversation with assistant windows. Uses can send messagem, attach document or record voice message that will be transcribed to text.
Team X app - Conversation with assistant
History of chats
History of chats allows to review previos conversations with assistant
Team X app - History of chats

Releated Projects