HomeToolsBlogAboutContact

📘 README

Project Documentation for Lumixsa AI

🚀 Project Overview

Lumixsa AI is a comprehensive web platform offering 10+ AI-powered tools and expert financial guides. Built with pure HTML, CSS, and JavaScript (no frameworks), it demonstrates modern web development practices with a focus on performance, accessibility, and user experience.

✨ Features

Core Features

  • Light/Dark Theme: Toggle between themes with localStorage persistence
  • Responsive Design: Fully responsive for desktop, tablet, and mobile
  • AI Chatbot: Interactive assistant with Text-to-Speech capabilities
  • Smooth Animations: Scroll-triggered animations and hover effects
  • Glassmorphism UI: Modern glass-like design elements
  • SEO Optimized: Meta tags, semantic HTML, and structured content

10 AI Tools

  1. Explain Like I'm 10: Simplifies complex topics
  2. Startup Name Generator: Creates unique business names
  3. Habit Tracker: Track habits with localStorage persistence
  4. Fake Data Generator: Generate test data for development
  5. AI Caption Generator: Social media caption creator
  6. Meme Generator: Create custom memes with Canvas API
  7. Chat with PDF: Upload and interact with PDFs
  8. Code Explainer: Explains code snippets
  9. Password Generator: Secure password creation with strength indicator
  10. QR Code Generator: Create QR codes for various data types

26+ Blog Articles (Comprehensive Financial Guides)

💰 Loans & Credit Cards:

📊 Investing & Finance:

💡 Income & Wealth Building:

🎯 Financial Planning:

🛠️ Technology Stack

  • HTML5: Semantic markup, accessibility features
  • CSS3: Custom properties, Grid, Flexbox, animations
  • JavaScript (ES6+): Vanilla JS, no frameworks
  • Web APIs: SpeechSynthesis, Canvas, localStorage
  • External APIs: QR Server API for QR generation

📁 Project Structure

lumixsa.site/
├── index.html              # Home page
├── tools.html              # Tools listing
├── blog.html               # Blog listing
├── about.html              # About page
├── contact.html            # Contact page
├── privacy-policy.html     # Privacy Policy
├── terms-conditions.html   # Terms & Conditions
├── disclaimer.html         # Disclaimer
├── sitemap.html            # Sitemap
├── readme.html             # This file
├── css/
│   └── style.css           # Main stylesheet
├── js/
│   └── main.js             # Main JavaScript
├── tools/                  # 10 tool pages
│   ├── explain-like-im-10.html
│   ├── startup-name-generator.html
│   ├── habit-tracker.html
│   ├── fake-data-generator.html
│   ├── ai-caption-generator.html
│   ├── meme-generator.html
│   ├── chat-with-pdf.html
│   ├── code-explainer.html
│   ├── password-generator.html
│   └── qr-code-generator.html
├── tool-pages/             # Alternative tool pages directory
│   └── [same 10 tools]
└── blog-posts/             # 26+ comprehensive blog articles
    ├── 💰 Loans & Credit
    │   ├── personal-loans.html
    │   ├── business-loans.html
    │   ├── loans-guide.html
    │   ├── best-credit-cards-2026.html
    │   ├── credit-cards-guide.html
    │   ├── travel-credit-cards.html
    │   ├── rewards-credit-cards.html
    │   ├── improve-credit-score.html
    │   └── credit-score.html
    ├── 📊 Investing & Finance
    │   ├── investment-tips.html
    │   ├── stock-market-basics.html
    │   ├── cryptocurrency-guide.html
    │   ├── mortgage-guide.html
    │   ├── insurance-basics.html
    │   ├── usa-finance.html
    │   ├── uk-finance.html
    │   └── canada-finance.html
    ├── 💡 Income & Wealth Building
    │   ├── passive-income-ideas.html
    │   ├── side-hustle-ideas.html
    │   ├── online-earning-methods.html
    │   └── financial-independence-guide.html
    └── 🎯 Financial Planning
        ├── budgeting-guide.html
        ├── emergency-fund-guide.html
        ├── saving-money-tips.html
        ├── debt-payoff-guide.html
        └── retirement-planning-guide.html

👤 Author

Dilshad Ahmad - Founder & Manager

  • 10+ years of development experience
  • Expertise in web development and AI integration
  • Passionate about making technology accessible

📧 Email: lumixsasupport@gmail.com
📱 Phone: 03904563345

📝 How to Use

Theme Toggle

Click the sun/moon icon in the navigation bar to switch between light and dark modes. Your preference is saved in localStorage.

AI Chatbot

On the home page, use the AI Assistant section to ask questions about our tools, blog, or services. Click the speaker icon to enable voice output.

Tools

Navigate to the Tools page to access all 10 AI-powered tools. Each tool has its own dedicated page with instructions.

Blog

Visit the Blog section for comprehensive financial guides and articles.

🔒 Privacy & Security

  • All data processing happens client-side
  • localStorage is used only for theme preference and habit tracker
  • No personal data is collected or stored on servers
  • Secure password generation using crypto API

🌐 Browser Support

  • Chrome/Edge (latest)
  • Firefox (latest)
  • Safari (latest)
  • Mobile browsers (iOS Safari, Chrome Mobile)

📄 License

This project is proprietary and managed by Dilshad Ahmad. All rights reserved.

🙏 Acknowledgments

  • Google Fonts for Inter font family
  • QR Server API for QR code generation
  • Web Speech API for Text-to-Speech