发布于 2026-01-06 0 阅读
0

Slibro——一个故事写作平台

Slibro——一个故事写作平台

斯利布罗Codemagic 构建状态

概述

Slibro是一个故事创作平台,支持短篇和长篇故事。它使用FlutterAppwrite打造了这一出色的跨平台体验。

点击这里即可在安卓设备上试用该应用

Slibro 跨平台

这个想法的灵感来源于简化故事写作、排版和发布流程,从而触及更广泛的读者群体。无论你是刚刚开始创作第一个故事的新手,还是经验丰富的作家,Slibro 都能满足你的需求!

提交类别:

移动大亨

代码链接

该应用完全开源,欢迎浏览代码,也欢迎为该项目做出贡献 😉 :

GitHub 标志 sbis04 / slibro

面向故事作者和出版社的平台

斯利布罗Codemagic 构建状态

Slibro是一个故事创作平台,支持短篇和长篇故事。它使用FlutterAppwrite打造了这一出色的跨平台体验。

点击这里即可在安卓设备上试用该应用

用法

要从您的系统运行此程序,您应该具备以下条件:

  1. Flutter SDK已安装并配置在您的系统上。

  2. 使用 Docker 设置 Appwrite。

  3. 使用ngrok在本地托管服务器

  4. 在目录下lib创建一个secret.dart文件,并将服务器 URL 和 Appwrite 项目 ID 添加到该文件中。例如:

    class Secrets {
      static String hostname = 'https://127b-203-163-244-125.in.ngrok.io/v1';
      static String projectID = '6276341092e81e829ab0';
    }
    Enter fullscreen mode Exit fullscreen mode
  5. 使用以下命令运行:

    flutter run
    Enter fullscreen mode Exit fullscreen mode

应用概览

该应用程序现在具有功能齐全的故事编辑器(富文本 - markdown)、故事阅读器故事管理系统(用于管理已发布/未发布的故事和浏览其他出版商的故事)。

以下是Slibro用户界面的一些示例:

Slibro 身份验证屏幕

以上四个屏幕涵盖了身份验证过程……

它的起源

我最初开始构思这个应用程序时,先画了一些粗略的用户界面草图并做了笔记……

素描

还有一些数据库结构。

数据库结构

进展如何

该应用程序现在具有功能齐全的故事编辑器(富文本 - markdown)、故事阅读器故事管理系统(用于管理已发布/未发布的故事和浏览其他出版商的故事)。

以下是Slibro用户界面的一些示例:

Slibro 身份验证屏幕

以上四个屏幕展示了使用邮箱/密码方式在应用内进行身份验证的流程。这些屏幕帮助用户创建新账户或使用现有账户登录。用户注册应用后,即可进入故事创作流程。

Slibro故事详情屏幕

这些界面帮助用户在 Slibro 应用中创建第一个故事草稿。用户也可以根据需要发布故事。

Slibro 编辑器和阅读器屏幕

编辑器和阅读器界面是最重要的,编辑器还支持使用 Markdown 的富文本格式。

Slibro 仪表盘屏幕

上面显示的三个屏幕(首页、我的故事和我的个人资料)是应用程序仪表板的一部分,用户可以使用从这些页面访问的导航栏导航到其中任何一个屏幕。

导航栏采用了微妙的动画效果,以提升应用程序的用户体验:

导航栏动画

项目描述

本项目使用了 Appwrite 的三个主要 API:

  • 账户 API:用于实现用户身份验证和用户数据管理。
  • 数据库 API:用于存储与故事和章节相关的应用程序数据。
  • 存储 API:用于以 JSON 格式存储富文本故事文件。

使用的 Flutter 插件:

Appwrite 控制台视图:

应用程序写入控制台

本项目使用了两个数据库:(1)故事,(2)章节。

Appwrite 数据库

故事数据库文档预览:

故事数据库

故事数据库属性:

故事数据库属性

章节数据库属性:

章节数据库属性

文件存储预览(章节以 JSON 富文本文件格式存储):

文件存储

参考

文章来源:https://dev.to/sbis04/slibro-a-story-writing-platform-4oll