Skip to content

rauf17/readme-AI

Repository files navigation

🚀 Smart README — AI README Generator

Transform any GitHub repository into professional documentation instantly. Smart README analyzes your codebase and generates comprehensive, well-structured READMEs using Google's Gemini AI.

🔗 Live Demo: https://smart-readme.vercel.app


✨ Features

  • 🤖 AI-Powered Generation — Gemini 2.5 Flash analyzes your repo and writes accurate, detailed documentation
  • 🎨 Tone Control — Choose from Professional, Beginner-friendly, Funny, or Corporate styles
  • ✏️ Special Instructions — Add custom context like contributor names, university project details, or specific sections
  • 😊 Emoji Toggle — Enable or disable emojis with one click to match your project's vibe
  • 🖊️ Live Editor — Edit the generated README with syntax highlighting in real-time
  • 👁️ Instant Preview — See the rendered markdown beside your editor as you type
  • 💾 Export Options — Copy to clipboard or download as a .md file
  • 🌧️ Obsidian UI — Cinematic dark theme with animated code rain background

📸 Screenshots

Splash Screen

image

Main Editor

image

Generated README

image

Special Instructions

image

🛠️ Tech Stack

  • Framework: Next.js 15 (App Router)
  • Language: TypeScript
  • Styling: Tailwind CSS
  • AI Model: Google Gemini 2.5 Flash
  • Analytics: Vercel Analytics
  • Deployment: Vercel

⚙️ Getting Started

Prerequisites

Installation

git clone https://github.com/rauf17/smart-readme.git
cd smart-readme
npm install

Environment Setup

Create a .env.local file: GEMINI_API_KEY=your_gemini_api_key_here

Run Locally

npm run dev

Open http://localhost:3000


🚀 Usage

  1. Paste any public GitHub repository URL into the search bar
  2. Select your preferred tone (Professional, Funny, etc.)
  3. Optionally toggle emojis on/off
  4. Add special instructions if needed (contributor names, project context)
  5. Click Generate
  6. Edit the result in the live editor
  7. Copy or download your README

📁 Project Structure

smart-readme/
├── app/
│   ├── api/generate/    # Gemini API route
│   ├── layout.tsx
│   └── page.tsx
├── components/
│   ├── CodeRain.tsx     # Animated background
│   ├── Editor.tsx       # Syntax-highlighted editor
│   └── Toolbar.tsx      # Emoji toggle + instructions
├── lib/
│   └── github.ts        # GitHub repo fetcher
└── public/
    └── screenshots/     # App screenshots

🤝 Contributing

  1. Fork the repo
  2. Create a branch: git checkout -b feat/your-feature
  3. Commit: git commit -m "feat: add your feature"
  4. Push: git push origin feat/your-feature
  5. Open a Pull Request

📄 License

MIT License — free to use and modify.


Built by rauf17

⭐ Star this repo if it saved you time!

About

Generate professional READMEs from any GitHub repo using AI. Features tone control, live editor, and syntax highlighting. Powered by Gemini 2.5 Flash.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors