Inspiration
Unfortunately, women are disproportionately impacted by domestic violence. Many of these cases go unreported because victims are afraid or unable to safely reach out for help. In some instances, individuals experiencing relationship abuse have called 911 to “order a pizza” as a discreet way to signal that they are in danger. This website is inspired by that method of seeking help safely and silently.
What it does
The website provides domestic violence and sexual abuse resources disguised as a pizza shop website.
How we built it
We built this project using Next.js, TypeScript, and Tailwind CSS to move fast while keeping the codebase clean and scalable. ESLint and Prettier helped us maintain consistent formatting and catch issues early as we collaborated under tight time constraints. We started by drafting the UI/UX Figma, and then turned the designs into reusable components, testing ideas as we went and improving the interface based on usability.
Challenges we ran into
We ran into challenges while building the components, especially since for many of us, this was our first time working with the tech stack we chose. There was a learning curve as we learned the tools and coding format. We also had to make sure that what each person was working on didn’t conflict with someone else’s work. Overcoming these challenges pushed us to communicate and divide responsibilities better, and learn quickly as a team.
Accomplishments that we're proud of
We are really proud of the UI/UX of our website. Our teammate Nina drew all the logos and graphics, and Terek created the "Order" graphic as well. The website is very cohesive, and it reflects us as a team. We worked together really seamlessly, had a lot of fun, and were able to create something that we are proud of.
What we learned
We learned how to quickly pick up a new tech stack, as we gained hands-on experience building components in Next.js and TypeScript. We were also able to translate designs from Figma into functional design. Through the project, we learned the importance of clear communication, planning, and being empathetic with our design, especially when building tools for sensitive, real-world problems.
What's next for SOSPizza
We plan on creating an extra hidden system where, when you click a button, it replaces the text with resources and support to text with a traditional pizza shop dialog. We plan on creating a ghost kitchen ordering system that connects with a local pizza shop to send a pizza, all while sending an alert to the local authorities.
Built With
- eslint
- figma
- github
- next.js
- prettier
- tailwindcss
- typescript
Log in or sign up for Devpost to join the conversation.