💬 Deepseek Chat — Retro Edition

A fully client-side, retro-styled DeepSeek AI interface with 100k-message memory, topic mapping, branch diagrams, offset-card UI and beautiful animations.

---

📷 Screenshot

---

🌟 Overview

Deepseek Chat — Retro Edition is a high-quality, offline-first conversational UI inspired by retro MacOS aesthetics (like Gitingest & GitDiagram) but powered by DeepSeek AI via the Puter SDK.

✔ Zero backend
✔ Zero server
✔ Fully client-side
✔ Works perfectly on GitHub Pages
✔ Saves up to 100,000 messages in the browser
✔ Features visualization tools like branch diagrams and topic maps

This project is designed to be fun, creative, nostalgic, and extremely powerful.

---

✨ Features

🔥 Core AI Features

• DeepSeek Chat + DeepSeek Reasoner support
• Streaming responses with smooth retro animations
• Optional session goal (keeps replies on-topic)
• Personas:
  • Default
  • Senior Developer
  • Teacher
  • Product Thinker
  • Prompt Engineer
• Auto Markdown formatting
• Auto code formatting with highlight.js
• One-click:
  • Copy message
  • Copy code block
• JSON chat export

---

🔮 Session & Memory

• Save up to 100,000 messages locally
• Automatic session restore from localStorage
• Fast reload time
• Clear/reset conversation button

---

🧭 Visual Tools

• Branch Diagram View
  Visual map of your entire conversation (User vs DeepSeek nodes)

• Topic Map Generator
  Uses DeepSeek to create a mindmap from the last 80 messages
  (Markdown → rendered automatically)

---

🎨 Retro UI

• Offset card & shadow aesthetic
• Strong black outlines
• Soft pastel background
• Retro window dots
• Notebook-style message bubbles
• Retro code blocks with solid borders
• Parallax-like movement
• Modern + nostalgic blend

---

🛠️ Tech Stack

Layer	Technology
AI Models	DeepSeek (via Puter.ai SDK)
UI	TailwindCSS
Markdown Rendering	marked.js
Syntax Highlighting	highlight.js
Storage	localStorage
Hosting	GitHub Pages
Animations	pure CSS

---

📁 Project Structure

Deepseek-Chat/ │ ├── index.html # Full retro UI + logic ├── README.md # Documentation └── assets/ # (optional)

---

🚀 Deploy on GitHub Pages

1️⃣ Upload files

Upload:

• index.html
• README.md
• LICENSE

to your repo:

👉 https://github.com/I-Am-Krishn/Deepseek-Chat

---

2️⃣ Enable GitHub Pages

Go to:

Settings → Pages → Build and Deployment

• Source: Deploy from a branch
• Branch: main
• Folder: / (root)

Save.

---

3️⃣ Done!

Your site will be available at: https://i-am-krishn.github.io/Deepseek-Chat/

---

🧸 Support the Creator

If you find the project useful or cool:

---

🧑‍💻 Author

by I-Am-Krishn

---

📜 License

Released under the MIT License.
Feel free to modify and build upon it.