Sunset Snack

Client: CCI The Hack

Role: Frontend UIs

Tech Stack: NextJs, Tailwind CSS, Firebase, Prisma, and PostgreSQL

Sunset Snack

Project Overview

SunsetSnack is a marketplace website where users can purchase surplus food and beverages from local restaurants, cafes, and similar establishments. The platform aims to help reduce food waste by connecting users with businesses offering discounted, unsold items. As you can imagine what a marketplace is and basically this website is just like Tokopedia of food. The website was developed as part of a group project for 'CCI The Hack' a student event hosted by the CCI student activity unit. The project followed a structured development process, including planning with Software Requirements Specifications (SRS) and continued through to deployment. SunsetSnack was built using NextJS for the frontend, PostgreSQL for the database, Firebase Storage for managing media, Firebase Auth for user authentication, and Tailwind CSS for styling. Our team consisted of five members: one designer (Muhammad Aqeel Jabbar), two frontend developers (me and Arief Setiawan), one fullstack developer (Athila Ramdani Saputra), and one team member responsible for documentation and business management (Gavin Benjiro Ramadhan). Shoutout to all of us to finish this project even though in the end we didn't won but atleast we get a taste on how to work as a team on developing an application.

Problem Statement

Food waste is a significant issue for local restaurants, cafes, and similar businesses, leading to both financial losses and environmental harm. These businesses often have unsold surplus food at the end of the day, which is typically discarded. SunsetSnack aims to address this problem by offering a platform where businesses can sell surplus food to users at discounted prices, reducing waste while offering affordable meals to the community.

How It Is Done

The development of SunsetSnack was a collaborative effort. We used NextJS to create a dynamic and responsive frontend that provides a seamless user experience. The backend relies on PostgreSQL, even though we first started using MySQL but then we change it to Postgre, to manage data related to user accounts, orders, inventory from participating businesses and other stuff. Firebase Storage is integrated to handle media assets, such as product images, while Firebase Auth ensures secure user authentication and login. Tailwind CSS was used for styling, allowing for a clean and modern UI. Throughout the project, we adhered to a detailed planning process involving documentation such as Software Requirements Specifications (SRS) and frequent team coordination to ensure smooth progress. Our team consisted of five members who contributed across different areas: design, frontend, fullstack development, and business documentation, making this a well-rounded group project.