Inspiration

We drew our inspiration from wattpad, a website where users can create stories (mostly fan fictions).

What it does

Our app takes the user to a homepage where they can search by tags or by scene title. Once they get to where they desire, the user can browse through the different paths that the scene takes, and add branches at any given point. The user may categorize their submission by using tags (such as romance, comedy, sci-fi, etc...)

How we built it

We used react and tailwind CSS in order to make our website a fast and user friendly environment. Once the user posts a scene, it is posted in our firestore database from which it is read from which our app reads stories whenever the user desires.

Challenges we ran into

We ran into many challenges. The hardest part of the project was figuring out how we were going to implement the tree like structure of each story without costing too many reads. We ended up structuring each story as a node in a tree structure, where each scene knows which are its children and which are its parents. Furthermore, this was our first experience with react and tailwind in a project of this size. In the end, we learned many things on the fly and we are more than pleased with the outcome.

Accomplishments that we're proud of

We are proud of having been able to implement the login, our understanding of OAuth was next to nothing before starting, but we now at least have a basic understanding of the concept. We are also proud of deploying a dynamic website as such, as one of us had only made projects in vanilla javascript and statically built web pages.

What we learned

Our learning outcomes amount to the react native framework, tailwindcss and firebase 9. However we also learned how to work as a team and collaborate in the interest of achieving a common goal.

What's next for StoryHolic

We are thinking of implementing comments, possibly text to speech and scene illustrations. In any case, we do not think that this project is finished.

Built With

Share this project:

Updates