natserract / syncboard

Syncboard - AI Powered Real-time Whiteboard

Syncboard is a user-friendly board editor that lets you draw and work together with your team in real-time. It also has a handy AI feature that helps you make diagrams and flowcharts effortlessly.

What's inside?

This project using Turborepo includes the following packages/apps:

Apps and Packages

• api: Backend services created with express and using graphql
• web: Frontend service using nextjs
• ui: React component for ui library using shadcn/ui shared for web applications
• eslint-config-custom: eslint configurations (includes eslint-config-next and eslint-config-prettier)
• tsconfig: tsconfig.jsons used throughout the monorepo

Built With

• Next.js
• Express
• GraphQL
• Apollo GraphQL
• Shadcn/ui

Want to running the project localy?

Run the following command:

1. Clone the repo into a public GitHub repository (or fork https://github.com/JungRama/syncboard/fork).

   git clone https://github.com/JungRama/syncboard.git

2. Go to the project folder

   cd syncboard

3. Install packages

   npm install
   
   yarn install
   
   pnpm install

4. Set up your .env file on apps/web and apps/api

5. Run development mode on root folder

   npm run dev
   
   yarn run dev
   
   pnpm run dev

Access the frontend in localhost:3000, sometimes when this port used it will be using other available port.

Access the backend in localhost:4000/graphql For the Websocket service localhost:1234