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.
- 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.
