In the past year, there have been many hate crimes against people of color. We live in a place where it's normal to see people who look different from you, but still surprising that not everyone is being treated with the same respect. We wanted to create a simple and entertaining story that not only teaches about helping one another, but also inspires the reader that our choices make an impact, so we should always choose to be kind and help each other out.

What it does

Users are welcomed to the homepage and asked to choose an adventure from one of our stories created. Pages in the story include a drop down menu with some choices to help continue the story. Each option they choose will continue for the rest of the story.

How we built it

The front-end of the website was primarily created using HTML and CSS. JavaScript was used for the function of the buttons and redirecting the pages.

Challenges we ran into

A challenge we ran into was having our interface not look like what we expected. There were some problems with the divs created in our HTML files and getting the story to look like a page from a children's book, such as constantly readjusting the boxes to fit everything. There was also a grey line appearing in every page and it took us a while to try to find where it came from. We also had trouble creating a table on the homepage to show different stories and make sure everything was centered and presentable. It took a lot of researching to overcome these challenges. Due to the many options displayed in each story, it was also difficult to keep track of everything being made and making sure each page had somewhere to go. To help with this challenge, we created a spreadsheet for both stories to help keep track of what pages and images to create, and where they go.

Accomplishments that we're proud of

We are proud of the stories we were able to create on the site and happy it is able to work for users to play with. We are also proud of the art used in the project. We put a lot of effort into hand-drawing our images and then digitally coloring them. We were determined to have something that would go with the simple, yet meaningful storytelling.

What we learned

We learned how to create a drop down menu using HTML and CSS. We wanted a way to show the options to the users, so we spent some time learning how to do that. We also learned how to use only one CSS file for all of the HTML pages in the project. We learned how to recreate our hand-drawn images digitally and use transparent backgrounds so that the images can be reusable. We also learned how to use a table to display things neatly in HTML.

What's next for Set Dumplings

We would love to implement more stories for readers to choose and learn from. There are so many ways to learn how to help others and we would love to share them!

Built With

Share this project: