Gojo
A real-time multiplayer brainstorming web app built with Remix and Liveblocks.
Overview:
Gojo is a real-time collaborative brainstorming web app built with Remix and Liveblocks. The app allows users to create cards on a board, manage card positions, and share the board with others for instant access using a generated link. It features functionalities such as managing card positions with bring to front and back buttons, creating secret board links for sharing, and tracking user presence in real-time.
Features:
- Real-time Collaboration: Users can collaborate in real-time on a shared board.
- Card Management: Bring to front and back buttons to manage the z-index of cards.
- Share Board: Generate a shareable link for instant access to the board.
- User Roles: Ability to add someone as an editor on the board.
- Presence Tracking: Allows users to see the presence info of other users on the board.
- Cursor Component: Displays user cursor movements in real time.
- Secret Board Links: SecretId appended to board URL for secure sharing.
- Database Integration: Requires setting up environment variables for storage and database URL.
Summary:
Gojo is a feature-rich real-time collaborative brainstorming web app that leverages Remix and Liveblocks for a seamless user experience. With key features like card management, user roles, and presence tracking, Gojo offers a comprehensive platform for users to brainstorm and collaborate efficiently. The installation process involves cloning the repository, setting up environment variables, and running the app locally to experience its full potential in collaborative brainstorming.
- Figma
Figma is a cloud-based design tool for creating user interfaces, prototypes, and collaboration in real time.
- Remix
Remix is a modern JavaScript framework that focuses on building fast and performant web applications. It emphasizes a combination of server-rendered content and client-side interactivity, offering a robust architecture for creating scalable and maintainable projects.
- Radix UI
Radix Primitives is a low-level UI component library with a focus on accessibility, customization and developer experience. You can use these components either as the base layer of your design system, or adopt them incrementally.
- Prisma
Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.