Markdown File Browser with AI Chat

A Next.js application that combines Markdown file viewing with AI chat capabilities.

Features

• Markdown Rendering: Upload and view Markdown files with syntax highlighting
• AI Chat: Ask questions and receive AI-powered responses
• Dark Mode: Toggle between light and dark themes
• Local Storage: Chat history is saved in local storage
• Voice Input: Use your microphone to input questions

Tech Stack

• Next.js 14+
• React 19
• TailwindCSS
• OpenAI API
• TypeScript

Getting Started

1. Clone the repository
2. Install dependencies

   npm install

3. Configure your OpenAI API key
   • Rename .env.local.example to .env.local
   • Add your OpenAI API key to the file
4. Run the development server

   npm run dev

5. Open http://localhost:3000 in your browser

Usage

1. Upload a Markdown File: Use the file uploader to upload a markdown file
2. View the Markdown: The content will be rendered in the preview section
3. Chat with AI: Type questions in the chat interface or use voice input
4. Toggle Dark Mode: Use the theme toggle button to switch between light and dark mode

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• OpenAI for providing the API
• Next.js team for the framework
• Various open-source packages that made this project possible