LoveStorying

• 

  LoveStorying App: login page.

• 

  LoveStorying App: Dashboard

• 

  LoveStorying App: illustration stroy creating page.

• 

  LoveStorying App: Generated story viewing page.

Inspiration

In the past few years, a decline has been seen in children enjoying reading, and parents and educators find it difficult to cultivate good reading habits. Reading is an important life skill that children must learn to excel at academics and future careers. Moreover, nowadays the Internet has a lot of inappropriate novels, animated books, and comics that can influence the spreading of hate and violence. We want to create a platform that, according to a great mobile app, children could enjoy the process of creating their own stories, sharing them with friends, and reading tons of colorful stories created by friends, parents etc. Finally, they could build good reading habits and their parents and teachers won’t worry about the content they are consuming.

What it does

LoveStorying, a cross-platform mobile APP, provides a platform for users to create stories, share stories and discover stories with AI help, focusing on serving the young generation readers (age 3 - 12). It aims to establish a colorful story heaven for the young generation.

1. First Stage (StoryHome_1.0 – submit and show in this contest): A Personal Story Crafting and View Portal 1.1 Cross-platform: mobile app can be used on iOS and android platform 1.2 Login verification 1.3 View stories 1.4 Manage stories, including delete, download to the local device. 1.5 Create fantastic stories with relevant images automatically by calling the public server combing “gpt-3.5-turbo-instruct” and “dall-e-2” API 1.5.1 Support creating different types of stories by selecting genres, like fiction, poems, or educational stories. 1.5.2 Support creating stories for specific age readers by just input the age number. 1.5.3 Support specifying story size, including how many paragraphs, how many sentences for the paragraphs, how many words for each sentence. 1.5.4 Support specifying image style of the story illustration, historical image, picture, and Sci-Fi image.

2. Second Stage(StoryHome_2.0 - in progress): A colorful story community for the young generation 2.1 Share story with others 2.2 Give comments, liking for others’ stories 2.3 Earn points by activities on the platform, including creating stories, commenting stories, participating activities held by platform. 2.4 Use the points to buy gifts on the platform, like popular story character stuffed toys. 2.5 Earn money by crafting stories. If people want to view some popular books labeled as charging (System authorizes charging permission based on viewing amount and creator to confirm charging or not), they must pay for it.

How we built it

1. Design: Meticulous planning and design phase to conceptualize the project.
2. Backend Development: Established a robust public story generation server to power the platform and enhance the security.
3. Frontend Development: Developed a cross-platform mobile application for seamless user experience, including iOS and Android system.
4. Prototyping: Iterative prototyping to refine features and functionalities.
5. User Testing: Extensive user testing to ensure usability and address any issues.
6. Refinement: Continuous refinement based on feedback and insights to enhance the platform further.

Challenges we ran into

1. Security: Avoiding exposing the OpenAI API keys.
2. Training the story generator to create high-quality interesting story content.
3. Training the story generator to create high-quality attractive serial illustrations based on story content.
4. How to post data to the internet and how to fetch data from the Internet.
5. Design data type and construct data from the AIP’s response data.
6. Storage data in the proper way.
7. Compatibility for cross-platform mobile phones.
8. UI design.
9. High pressure deadline.

Accomplishments that we're proud of

1. Established a public story generator server encapsulating “gpt-3.5-turbo-instruct” and “dall-e-2” API. 2. Client end just needs to use the public internet address to call the API.
2. Establish a user-friendly cross-platform mobile APP which has great compatibility performance.
3. Generate amazing stories for kids automatically with the help of AI.

What we learned

1. Security Concerns: We learned the importance of safeguarding sensitive API keys, ensuring they are not exposed to unauthorized access.
2. Content Generation: Training the story generator to produce high-quality and engaging story content was a significant learning curve. We gained insights into improving the training process to enhance the quality of generated stories.
3. Illustration Generation: Similarly, training the system to generate appealing serial illustrations based on story content taught us the complexities involved in visual content generation using AI.
4. Networking: Handling data transmission over the internet, including posting and fetching data, required a deeper understanding of networking concepts and implementation.
5. Data Management: Designing appropriate data types and structuring data from API responses helped us grasp the importance of efficient data storage and retrieval methods.
6. Cross-platform Compatibility: Ensuring compatibility across various mobile platforms highlighted the challenges of UI design and performance optimization for different devices.

What's next for LoveStroying

1. Refinement of Content Generation: Continuously improving the story generator to produce even more compelling and diverse story content that resonates with young readers.
2. Enhanced Illustration Generation: Further refining the AI model for generating captivating serial illustrations, ensuring they complement the story narrative effectively.
3. Community Engagement Features: Introducing interactive features such as story sharing, commenting, and liking to foster a vibrant and engaging story community.
4. Gamification and Rewards: Implementing gamification elements to incentivize user participation, such as earning points for creating and engaging with stories, and redeeming them for rewards within the platform.
5. Monetization Strategy: Exploring monetization options, including offering premium content for purchase and providing opportunities for creators to earn income through their stories

Built With

• expo.io
• javascript
• json
• openai
• react-native
• server
• snak