https://github.com/amardeeplakshkar/dash
A powerful web-based development environment that combines real-time code editing with AI assistance, built with Next.js, React, and WebContainer API.
https://github.com/amardeeplakshkar/dash
boltnew code-generation pollinations-ai webcontainers-api
Last synced: 2 months ago
JSON representation
A powerful web-based development environment that combines real-time code editing with AI assistance, built with Next.js, React, and WebContainer API.
- Host: GitHub
- URL: https://github.com/amardeeplakshkar/dash
- Owner: amardeeplakshkar
- Created: 2025-01-25T09:02:52.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-01T09:29:17.000Z (about 1 year ago)
- Last Synced: 2025-02-01T10:24:49.490Z (about 1 year ago)
- Topics: boltnew, code-generation, pollinations-ai, webcontainers-api
- Language: TypeScript
- Homepage: https://dash-seven-delta.vercel.app
- Size: 286 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# DASH - Interactive Code Editor with AI Integration
A powerful web-based development environment that combines real-time code editing with AI assistance, built with Next.js, React, and WebContainer API.
## 🌟 Features
- **Live Code Editor**: Built with Monaco Editor for a VS Code-like experience
- **Real-time Preview**: Instant preview of your React applications
- **AI Integration**: Powered by Pollinations AI for intelligent code suggestions
- **WebContainer Integration**: Run Node.js applications directly in the browser
- **Modern UI**: Built with Tailwind CSS and shadcn/ui components
- **Dark/Light Mode**: Full theme support with system preference detection
## 🚀 Getting Started
### Prerequisites
- Node.js 18+
- pnpm (recommended) or npm
### Installation
1. Clone the repository:
```bash
git clone https://github.com/amardeeplakshkar/DASH.git
cd DASH
```
2. Install dependencies:
```bash
pnpm install
# or
npm install
```
3. Start the development server:
```bash
pnpm dev
# or
npm run dev
```
4. Open [http://localhost:3000](http://localhost:3000) in your browser
## 🛠️ Tech Stack
- **Framework**: [Next.js 15](https://nextjs.org/)
- **UI Library**: [React 19](https://react.dev/)
- **Styling**: [Tailwind CSS](https://tailwindcss.com/)
- **Components**: [shadcn/ui](https://ui.shadcn.com/)
- **Editor**: [Monaco Editor](https://microsoft.github.io/monaco-editor/)
- **Runtime**: [WebContainer API](https://webcontainers.io/)
- **AI Integration**: [Pollinations React](https://pollinations.ai/)
## 📁 Project Structure
```
DASH/
├── app/ # Next.js app directory
│ ├── (routes)/ # Application routes
│ ├── globals.css # Global styles
│ └── layout.tsx # Root layout
├── components/ # React components
│ ├── ui/ # UI components
│ └── context/ # React context providers
├── lib/ # Utility functions
└── public/ # Static assets
```
## 🎯 Key Components
- **ChatComponent**: AI-powered chat interface for code generation
- **SdkComponent**: WebContainer-based code editor and preview
- **FileGroupContext**: Manages file state across components
- **ThemeProvider**: Handles application theming
## 🔧 Configuration
The project includes several configuration files:
- `next.config.ts`: Next.js configuration
- `tailwind.config.ts`: Tailwind CSS configuration
- `tsconfig.json`: TypeScript configuration
- `postcss.config.mjs`: PostCSS configuration
## 🤝 Contributing
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/amazing-feature`)
3. Commit your changes (`git commit -m 'Add some amazing feature'`)
4. Push to the branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request
## 📄 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 🙏 Acknowledgments
- [Next.js](https://nextjs.org/) team for the amazing framework
- [Vercel](https://vercel.com/) for hosting and deployment
- [shadcn](https://twitter.com/shadcn) for the beautiful UI components
- [WebContainer](https://webcontainers.io/) team for the browser-based runtime
## 📞 Contact
[@AmardeepDevs](https://twitter.com/AmardeepDevs)
Project Link: [https://github.com/amardeeplakshkar/DASH](https://github.com/amardeeplakshkar/DASH)