Choose Your Own Adventure: Journey to the West

Our project is an interactive story game where the player picks the story line to learn about a traditional Chinese text, Journey to the West. We have a MVP and plan to add more functionality later!

Comment

Inspiration

We knew we wanted to learn web development in Vue, and we thought the interactive media theme was interesting. We also wanted our story to be Chinese literature since making it interactive would encourage people to learn more about Chinese culture. All of us are familiar with Journey to the West so naturally this would be a good story to tell.

What it does

Currently, we have a minimum viable product: a start page, story pages, and an ending page. The user can click through, go back to previous pages, and restart the story when its over.

How we built it

We built the site using Vue.js and a little bit of CSS, Javascript, and HTML. With Vue, our site was structured into components that we can put onto each page. Each of us worked on different parts of the site; initially we split the work between buttons, images, and text, and go those separate parts working before putting it all together.

Challenges we ran into

Since we are all new to Vue, we often ran into errors where we weren't sure if we were using the correct element and just using it wrong, or if we were using the wrong thing entirely. For example, we spent a while trying to figure out how to pass a string into our typewriting method because we weren't sure if it was supposed to be a prop or if we should be passing in a string object.

Accomplishments that we're proud of

We are proud of how the website looks! We really like the colors and gradients, and also how the text is typed onto the screen. The colors go really well together, and the formatting keeps it simple. We are also proud that we were able to get the images and the typing text on there since we had errors with those for a while.

What we learned

All of us became more familiar with Vue and web development; for some of us, this was the first time working with all of these languages!

What's next for Choose Your Own Adventure: Journey to the West

We definitely want to add the choose your own adventure aspect in, which would include writing parts of the story on our own. The coding framework for switching between pages essentially done, so we wouldn't have to alter much in that aspect. We do however, also want to add features/graphics to the website. This could include a moving background, nicer transitions, and overall UI/UX design. Later, we could also expand to having multiple pieces of literature available on the site.

Built With

Share this project:

Updates