Skip to content

DevDeepakBhattarai/browser-agent

Repository files navigation

AI Browser Agent

A powerful browser extension built with Plasmo and Next.js that acts as an intelligent agent to perform tasks on behalf of users.

🚀 Features

  • Browser automation and task execution
  • Intelligent web navigation and interaction
  • Secure cookie and storage management
  • Real-time web request monitoring
  • Cross-origin communication support
  • Modern UI with Tailwind CSS and Radix UI components

🛠️ Tech Stack

Frontend (Browser Extension)

  • Framework: Plasmo (v0.87.2)
  • UI Library: React 18
  • Styling:
    • Tailwind CSS
    • Radix UI Components
    • Framer Motion for animations
  • State Management: Zustand
  • Type Safety: TypeScript
  • Code Quality: Prettier, ESLint

Backend (Next.js API)

  • Next.js API routes
  • Upstash Redis for data storage
  • TypeScript for type safety

📦 Installation

  1. Clone the repository:
git clone [repository-url] cd allweone-extension
  1. Install dependencies:
pnpm install
  1. Start the development server:
# Start the extension development server pnpm dev # Start the Next.js API server (in the next-js-api-and-frontend directory) cd next-js-api-and-frontend pnpm dev

🔧 Development

Available Scripts

  • pnpm dev - Start the development server
  • pnpm build - Build the extension for production
  • pnpm package - Package the extension for distribution

Project Structure

├── src/ # Extension source code ├── next-js-api-and-frontend/ # Next.js API and frontend │ ├── api/ # API routes │ └── hooks/ # Custom React hooks ├── assets/ # Static assets └── build/ # Build output 

🔐 Permissions

The extension requires the following permissions:

  • cookies - For cookie management
  • scripting - For executing scripts
  • storage - For data persistence
  • tabs - For tab management
  • webNavigation - For navigation events
  • webRequest - For request monitoring
  • activeTab - For current tab access
  • debugger - For debugging capabilities

🔌 External Connections

The extension can communicate with:

  • http://localhost:3000/*
  • https://allweone.vercel.app/*

🎨 UI Components

The project uses a modern component library built with:

  • Radix UI for accessible components
  • Tailwind CSS for styling
  • Framer Motion for smooth animations
  • Custom components for specific functionality

About

A browser agent that is capable of doing task on the behalf of the user.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published