Skip to content

README.md

Latest commit

 

History

History
56 lines (47 loc) · 1.86 KB

README.md

File metadata and controls

56 lines (47 loc) · 1.86 KB

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.