Skip to content

mason276752/lmctfy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

Let me ChatGPT that for you

A modern, responsive web application inspired by "Let me Google that for you" but designed for ChatGPT. This tool helps you demonstrate how to ask questions on ChatGPT in a fun and interactive way.

Features

  • 🎯 Interactive Animation: Shows a cursor movement animation demonstrating how to ask a question
  • 🔒 Browser-like Interface: Features a realistic address bar with a secure lock icon
  • 📱 Responsive Design: Works seamlessly on desktop and mobile devices
  • 📋 Easy Sharing: One-click URL copying for sharing with others
  • ✨ Modern UI: Clean and intuitive interface with smooth animations
  • 🌐 SEO Optimized: Includes meta tags for social media sharing and search engines

How It Works

  1. Enter your question in the address bar
  2. Click the "Let me ChatGPT that for you" button
  3. Share the generated URL with others
  4. When they open the link, they'll see an animation showing how to ask the question on ChatGPT

Technical Details

Meta Tags

  • Optimized for social media sharing (Facebook, Twitter, Threads)
  • Open Graph protocol support
  • Twitter Card integration
  • JSON-LD structured data for better SEO

Responsive Design

  • Adapts to different screen sizes
  • Mobile-first approach
  • Uses CSS clamp() for fluid typography
  • Optimized touch targets for mobile devices

Browser Compatibility

  • Modern browser support
  • Requires JavaScript
  • Uses async/await for animations
  • Clipboard API for URL copying

Performance

  • Minimal dependencies (vanilla JavaScript)
  • Optimized animations
  • Efficient DOM manipulation
  • Smooth scrolling behavior

Usage

Simply host the index.html file on any web server. No additional dependencies or build steps required.

Example URL format:

https://lmctfy.netlify.app/?q=go%20to%20ask%20chatgpt

Development

The entire application is contained in a single HTML file, making it easy to modify and deploy. The code is organized into three main sections:

  1. Meta tags and SEO (head section)
  2. Styles (CSS in style tag)
  3. Application logic (JavaScript)

License

MIT License - feel free to use and modify as needed.

Credits

Created with ❤️ by LMGTFY AI

Releases

No releases published

Packages

No packages published

Languages