Bud Ping - Chrome Extension

Bud Ping is a Chrome extension that enables 1-1 chatting using React, TypeScript, GraphQL, and WebSocket. The frontend is built with React and TypeScript, while the backend utilizes GraphQL, Express with TypeScript, Prisma ORM, and WebSocket with Redis.

Overview

Bud Ping is a Chrome extension designed to provide a simple and efficient 1-1 chatting experience. It utilizes modern web technologies to create a seamless communication platform.

Features

• 1-1 Chatting: Connect with others through the Chrome extension.
• Real-time Updates: Utilize WebSocket for real-time message updates.
• GraphQL Integration: Employ GraphQL for efficient communication between frontend and backend.

Technologies Used

• Frontend:

  • React
  • TypeScript
  • GraphQL-Zeus

• Backend:

  • GraphQL
  • Express
  • TypeScript
  • Prisma ORM
  • WebSocket
  • Redis

Project Structure

bud-ping/ |-- client/ # Frontend code | |-- src/ | |-- ...

|-- server/ # Backend code | |-- src/ | |-- ...

The project is organized into two main folders - client for the frontend and server for the backend. Additional folders and files are structured based on the specific needs of each part.

Getting Started

To run Bud Ping locally, follow these steps:

1. Clone the repository: git clone https://github.com/your-username/bud-ping.git
2. Install dependencies:
   • Frontend: cd client && npm install
   • Backend: cd server && npm install
3. Start the development servers:
   • Frontend: cd client && npm start
   • Backend: cd server && node dist/indexjs

Visit http://localhost:4000 in your browser to access Bud Ping.

Contributing

We welcome contributions! Feel free to open issues and pull requests to help improve Bud Ping.