Slibro — a story writing platform

Overview

Slibro is a story writing platform that supports short and long format stories. Flutter and Appwrite is used to create this amazing cross-platform experience.

Try out the app on Android from here.

The inspiration behind this idea is to simplify the process of story writing, formatting, and publishing to reach a wider audience. Whether you just getting started with your first story or a seasoned writer, Slibro has got you covered!

Submission Category:

Mobile Moguls

Link to Code

The app is completely open sourced, have a look around the code and also feel free to contribute to this project 😉 :

sbis04 / slibro

Platform for story writers and publishing houses

Slibro

Slibro is a story writing platform that supports short and long format stories. Flutter and Appwrite is used to create this amazing cross-platform experience.

Try out the app on Android from here.

Usage

To run this from your system, you should have:

1. Flutter SDK installed and configured on your system.

2. Setup Appwrite using Docker.

3. Host the server locally using ngrok.

4. Under lib directory, create a secret.dart file, and add the server URL and Appwrite project ID to it. Example:

   class Secrets {
     static String hostname = 'https://127b-203-163-244-125.in.ngrok.io/v1'
     static String projectID = '6276341092e81e829ab0';
   }

5. Run using the following command:

   flutter run

App Overview

The app now has full-fledged story editor (rich text - markdown), story reader, and story management system (to manage published/unpublished stories and explore other publisher's stories).

Some glimpses of Slibro's user interface are as follows:

The above four screens cover the authentication…

View on GitHub

How it started

I initially started working on the idea of this app by creating rough UI sketches and notes ...

... also some database structures.

How it's going

The app now has full-fledged story editor (rich text - markdown), story reader, and story management system (to manage published/unpublished stories and explore other publisher's stories).

Some glimpses of Slibro's user interface are as follows:

The above four screens cover the authentication flow on the app using email/password method. These screens help a user to either create a new account or login using an existing account. Once a user signs up to the app, it navigates to the story creation flow.

These screens help a user to create the first story as a draft in the Slibro app. The user can also publish the story if wanted.

The editor and the reader screens are the most important ones, the editor also has rich text support using Markdown.

The three screens (Home, My Stories, and My Profile) shown above are part of the dashboard of the app, user can navigate to any of these using the Navigation bar accessible from these pages.

Navigation bar has a subtle animation to improve the UX of the app:

Project Description

In this project, three of the major Appwrite APIs are used:

• Account API: Used for implementing user authentication and user data management.
• Database API: Used for storing app data related to stories and chapters.
• Storage API: Used for storing the Rich Text story file in JSON format.

The Flutter plugins used:

• appwrite
• flutter_quill
• path_provider
• shared_preferences
• google_nav_bar
• tuple

The Appwrite console view:

Two databases are used for this project: (1) stories, and (2) chapters.

Stories database documents preview:

Stories database attributes:

Chapters database attributes:

The files storage preview (the chapters are stored as JSON rich text files):

References

• Appwrite Docs
• Appwrite Flutter package

Comments

[primerati]

This is dope.
You will win for sure

[Souvik Biswas]

Thanks for being so optimistic! 😅

[Chetan Dhongade]

This is amazing

[Souvik Biswas]

Thanks!

[Ajay Mehta]

This is amazing mate! All the best

[Souvik Biswas]

Thanks! 😊

[Moctezuma]

Hard Work == Full Satisfaction
Congratulations

[Souvik Biswas]

Thanks! 🙏