Skip to content

A lightweight conversational AI chat app built from scratch using core web technologies and the Ollama API.

Notifications You must be signed in to change notification settings

lupswitch/conversaAI

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

56 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ConversaAI

A conversational AI web application using HTML, CSS, JavaScript, PHP, and Ollama LLM. This is a learning project for my portfolio.

🚀 Project Scope:

  1. Core features: Send messages, receive AI responses, basic chat interface
  2. Future enhancements: Chat history, user sessions, message formatting

📁 Folder Structure

ConversaAI/
├── index.html
├── assets/                 // Frontend resources
│   ├── css/
│   │   └── styles.css
│   ├── js/
│   │   └── script.js
│   └── images/
├── api/                    // PHP backend endpoints
│   ├── chat.php
│   └── config.php
├── data/                   // JSON file storage
│   └── conversations/
├── docs/                   // Project documentation
│   ├── requirements.md
│   ├── wireframes/
│   └── daily-progress.md
└── README.md

🧠Architecture Planning

🎨 Frontend Architecture:

  1. Vanilla JavaScript (modular functions)
  2. Tailwind CSS for styling
  3. Responsive design approach

🛠️ Backend Architecture:

  1. PHP for API endpoints
  2. JSON files for data persistence
  3. RESTful API design

🔁 Communication Flow:

User Input → Frontend Validation → AJAX Request → PHP API → Ollama → Response Processing → UI Update

Project progress

  1. Phase 1: Requirements & Planning Progress - Complete
  2. Phase 2: Environment 𝗦𝗲𝘁𝘂𝗽 & 𝗦𝘁𝗮𝘁𝗶𝗰 𝗨𝗜 Progress - Complete
  3. Phase 3: Frontend Interactivity - Complete
  4. Phase 4: Backend API Integration - Complete
  5. Phase 5: Full-Stack Integration & File Storage - Ongoing

View detailed Documentation.
📄Project Progress

🔗 License

This project is open-source and available for learning purposes. Free to use with attribution.

About

A lightweight conversational AI chat app built from scratch using core web technologies and the Ollama API.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 43.4%
  • PHP 25.0%
  • HTML 24.6%
  • CSS 7.0%