In an increasingly connected and digital world, web and mobile applications have become an essential part of our daily lives. Creating tech solutions that are useful and practical is an exciting and necessary challenge. This project focuses on developing a full-stack application that includes a functional website and a prototype mobile app. The goal is to offer an experience where users can interact with multiple AI chats, compare their responses, choose the one that suits them best, and also rate and tag them.
Main features
The page is structured into five main sections: Home, Login/Register, and Chat. The functionalities of each section are described below:
Home: On the main screen, users can quickly get an overview of everything the app has to offer. Here, they’ll find key information about the main features and available subscription plans. Additionally, from this screen, they can easily access the login and sign-up page.
Login/Register: Users will be able to sign up and log in to save all their conversations with the models in a history.
Chat: The chat screen is the core of the application, designed for users to interact with the various available AI models. Upon logging in, users are taken directly to this section, where they can start conversations with the models of their choice.
This screen includes four main sections:
- History and new chats: A section that displays the conversation history and provides the option to start new chats.
- Top navigation: At the top, there are two navigation bars that allow users to easily select the models they want to interact with.
- Message area: In the center, the exchange of messages between the user and the selected model is displayed.
- Text box: At the bottom, there is a text box where users can type their queries.
Data Base
The database structure was designed as follows:
Technologies Used
- Languages: HTML5, CSS3, TypeScript.
- Frameworks: Angular and Tailwind CSS for a responsive and consistent design.
- Libraries: Fireworks, OpenAI.
- Backend: Flask, Python.
- Data Base: MySQL.
