Gitbook-style documentation

I also aimed to create comprehensive documentation for the project and host it on Bubble. Drawing inspiration from GitBook, I incorporated additional features to enhance the user and team experience.

For the user's view, each chapter includes a summary, giving users an overview of the content they can expect to find. If a page is blank, I visually emphasized it by making the chapter number red. This serves as a temporary feature to ensure that no page is left empty.

For the team, I wanted to prevent two admins from editing the same page simultaneously. To achieve this, I added an icon with the profile picture of the admin near each episode, indicating their current location. This feature works by saving the page the current user clicked on in the database, similar to breadcrumb navigation. When an admin clicks on an episode, a workflow records this action.

Upon logging in, users can immediately edit each page.

They can add and resize pictures, edit text sizes, and headings.

Additionally, by clicking on the side icon on each page, users can insert new pages or subpages, rearrange them within the list, or delete them.