Aivonex

"AI VONEX" Documentation by "Tanvex" v1.0

1. Introduction

Thank you for purchasing AI VONEX - Angular js Chat App Template.

AI VONEX is built with Bootstrap 5.3.8 and Angular Js 20.3.0, SCSS with responsive with tablet and desktop view and light, Neumorphism Effects. You can change mode very quickly by doing a single change. It has many features like chat, send files, New Chat, AOS animation, typed-writer effects new messages from users, authentication pages and many more.

Features include:

Real-time messaging
Theme switching
Responsive layout
Authentication pages
Chat history
File upload support
Dark / Light / Neumorphism modes

2. Tech Stack

Angular 20
TypeScript
Bootstrap 5
SCSS
Angular Signals
SSR (Server Side Rendering)

3. Folder & Files Structure

                src/
                ├── app/
                │
                │   ├── core/
                │   │   ├── models/
                │   │   │   ├── confirmation-modal/
                │   │   │   ├── save-edit-modal/
                │   │   │   └── switch-theme-canvas/
                │   │   │
                │   │   └── services/
                │   │       ├── chat.service.ts
                │   │       ├── localstorage.service.ts
                │   │       ├── storage.service.ts
                │   │       ├── theme.service.ts
                │   │       └── toast.service.ts
                │   │
                │   ├── documentation/
                │   │   
                │   ├── features/
                │   │   ├── auth/
                │   │   │   ├── login/
                │   │   │   ├── signup/
                │   │   │   └── reset/
                │   │   │
                │   │   ├── chat/
                │   │   │
                │   │   ├── dashboard/
                │   │   │
                │   │   └── landing-page/
                │   │
                │   ├── layout/
                │   │   ├── header/
                │   │   ├── sidebar/
                │   │   ├── layout.html
                │   │   ├── layout.scss
                │   │   └── layout.ts
                │   │
                │   ├── shared/
                │   │   ├── components/
                │   │   │   ├── check-field/
                │   │   │   ├── custom-loader/
                │   │   │   ├── input-field/
                │   │   │   ├── search/
                │   │   │   ├── theme-toggle/
                │   │   │   └── toast-container/
                │   │   │
                │   │   ├── constants/
                │   │   │   ├── svgIcons.ts
                |   |   |   ├── title-content.ts
                │   │   │
                │   │   ├── directives/
                │   │   │   └── smoothScroll.directive.ts
                │   │   │
                │   │   ├── pipes/
                │   │   │   ├── chat-date.pipe.ts
                │   │   │   └── safe-html.pipe.ts
                │   │   │
                │   │   └── title-content.ts
                │   │
                │   ├── app.config.server.ts
                │   ├── app.config.ts
                │   ├── app.html
                │   ├── app.routes.server.ts
                │   ├── app.routes.ts
                │   ├── app.scss
                │   ├── app.spec.ts
                │   └── app.ts
                │
                ├── assets/
                │
                ├── index.html
                ├── main.server.ts
                ├── main.ts
                ├── server.ts
                └── styles.scss

4. Features

Authentication
- Login
- Signup
- Reset Password
Chat System
- Send messages
- Chat history
- Search chats
- Upload Images
- Edit Chat message
- Typewriter Effect
- Delete Chat message
Theme Modes
- Light
- Dark
- Auto
- Neumorphism
Responsive Dashboard
Reusable Components
Toast Notifications
Custom Loaders

5. Theme System

The application supports multiple UI themes.

Available themes:

Light
Dark
Auto
Neumorphism

Theme preferences are stored in localStorage and automatically restored on reload.

6. Installation

git clone  "repository-url"
cd ai-vonex
npm install
ng serve

7. Reusable Components

Input Field
Search
Loader
Theme Toggle
Toast Container
Checkbox

8. Services

ThemeService
ToastService
StorageService
ChatService

9. Future Improvements

Voice Messages
Multi-language Support
Video Calling
Copy Chat
Like/Dislike Chat
Chat Image Modal

10. Author Section

Developed by Tanvex

11. License

This project is licensed for personal and commercial usage.