🧠 DecryptMike AI Text Summarizer

DecryptMike Matrix AI Summarizer is a cyberpunk-themed text summarization web app. It features a fully animated Matrix rain background, neon green blacked-out UI, and a smooth, responsive design. Built with Next.js 15 and TailwindCSS, deployed on Vercel for fast global access.

---

📸 Screenshot Reference

---

🔗 Live Demo

Check it out live here:
👉 DecryptMike AI Summarizer (LIVE)

---

🎨 Features

• ⚡ Real animated Matrix rain background
• 🖤 Black neon green Summarizer UI
• 🧠 Simple Text ➔ Fake AI Summary generation
• 🧑‍💻 Fully responsive mobile and desktop design
• 🚀 Hosted live on Vercel
• 🖥️ Optimized for speed, minimal loading

---

🛠️ Tech Stack

Tech	Description
Framework	Next.js 15
Styling	Tailwind CSS
Animation	Custom Matrix Rain <canvas>
Deployment	Vercel
Version Control	Git + GitHub

---

🧪 Getting Started Locally

Follow these steps to set up and run the project on your local machine:

1. Clone the repository

git clone https://github.com/DecryptMike/DecryptMike-AI-Text-Summarizer.git
cd DecryptMike-AI-Text-Summarizer

2. Install dependencies

npm install

3. Run the development server

npm run dev

Then open http://localhost:3000 in your browser to view the app.

---

⚙️ Environment Variables

Note: This project does not require environment variables at the moment.
If future OpenAI integration is added, a .env.local file will be required with:

OPENAI_API_KEY=your-api-key-here

---

🧩 Project Structure

decrypt-mike-ai-text-summarizer/
├── public/
│   ├── a34.png           # DecryptMike Logo
├── src/
│   ├── app/
│   │   ├── api/
│   │   │   └── summarize/route.ts (optional future real API)
│   │   ├── layout.tsx    # App root layout
│   │   ├── page.tsx      # Main page with Summarizer
│   ├── components/
│   │   └── MatrixRain.tsx # Matrix Rain background animation
├── .env.local            # (Optional) Environment variables
├── README.md
├── package.json
├── tailwind.config.ts
├── tsconfig.json

---

🎯 Why I Built It

I created the DecryptMike Matrix AI Summarizer to combine my passion for:

• Cyberpunk aesthetics
• AI-powered applications
• Building clean, professional Next.js web apps

I wanted a project that shows off:

• Next.js and TailwindCSS skills
• Frontend engineering
• Fullstack deployment
• Custom animation integrations
• Beautiful dark-themed UI design

This project fits perfectly into my growing collection of cyberpunk and AI-themed applications.

---

⚠️ Legal Disclaimer

This tool is intended for educational and authorized personal use only.

---

💻 Built by @DecryptMike

---