E.L.I.A.S.
A safe, full-stack app for events. It has an AI assistant. If you need, a real person can take over the chat. It is very secure.
The Idea
I wanted to make a private app where users can manage their events. It also has a smart helpdesk. Sometimes, AI chatbots cannot help and people get angry. To fix this, my AI only talks about the user's events. If the user wants to talk to a human, the AI stops and a real person comes to the chat.
The Approach
I usually do frontend work, so the backend was hard for me. The hardest part was making the AI chat load fast (streaming) in Laravel. I had to read and learn a lot to make the AI, the user, and the human agent work together well.
Visual Identity
I did all the design myself. I wanted it to be clean and easy to use. I designed it for mobile phones first. The app looks great on phones and also on big computer screens. I used Tailwind CSS for this.
Art Direction
The design is simple, clean, and safe. There are no useless things on the screen. This makes users feel their data is safe. It also helps agents do their job fast.
The Platform
You cannot register on this website. You need an account and a 2FA code to log in. Normal users can see, make, edit, and delete their events. There is a Helpdesk where an AI answers questions, but only about the user's events. The AI cannot change or delete events. If the user asks for a human, the AI calls an agent. Agents have a special page. They see all chats. They can jump into an AI chat and talk to the user. When the problem is fixed, they close the chat.
The Launch
I built this project in two weeks. First, I planned everything and wrote it down. I put the frontend on Vercel and the backend on Fly.io. Adding the OpenAI was easy, but I had to be careful with the secret API keys.
Current Status
The app is online and works well. I don't plan to add new things to it right now. Everyone can see the code on my GitHub. Now, I am working on other big projects.
Team & Tech Stack
I made this whole app alone. I wanted to learn more backend programming. I used Vue.js and Pinia for the frontend. I used Tailwind CSS for the design. I used Laravel for the backend and the AI.