https://renaultluk.vercel.app/_next/static/chunks/pages/work/thriftee-0c843e7d2d2235cd.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[353],{2109:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>h});var s=n(7876),i=n(1668),o=n(7303);let r=function({children:e}){return(0,s.jsx)(o.A,{title:"Thriftee (hackUST 2022 Submission)",slug:"thriftee",description:"A thift shopping platform that encourages more environmentally friendly shopping habits.",thumbnail:"thriftee-logo.jpg",finishDate:"2022-05-01",children:e})};function a(e){let t={h2:"h2",h4:"h4",li:"li",ol:"ol",p:"p",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.p,{children:"This project was done as a submission to hackUST 2022, the largest hackathon in Asia. We tackled the theme of ESG and Smart Shopping / Spending / Living Experience in The Era of Information Overflow."}),"\n",(0,s.jsx)(t.h2,{children:"Background"}),"\n",(0,s.jsx)(t.p,{children:"We started by identifying the gap in the market, and topics being discussed regarding sustainability. One such topic is fast fashion. Nowadays, mainstream fashion culture is moving at a breakneck speed: on top of the switching of styles every season, certain brands are pushing for new sets every month, and some “hype” brands even doing new drops every other week. The immense waste that goes into producing the items, as well as packaging and international shipping in the age of remote shopping, is often not talked about enough. As the turnover rate of clothing items increasing, more and more clothes that haven’t been used to their fullest end up in the landfills faster."}),"\n",(0,s.jsx)(t.p,{children:"On the other hand, we noticed that a “thrifting” counter-culture is on the rise in Western countries, where consumers buy and consequently mix and match used clothing items donated from or sold by other people at a discounted price, creating its own genre of fashion. However, in Eastern cultures (such as in Hong Kong), there is a stigma to wearing other people’s clothes, as it might risk the wearer looking “cheap”."}),"\n",(0,s.jsx)(t.p,{children:"Therefore, our solution aims to promote the culture of thrifting to the local scene, thereby reducing waste by preventing old clothes being thrown away; and at the same time satisfy consumers’ needs, so they reduce the amount of new clothes to buy, therefore reducing the demand for more clothing items and their subsequent waste being produced."}),"\n",(0,s.jsx)(t.h2,{children:"Features"}),"\n",(0,s.jsx)(t.p,{children:"For this hackathon, we have created this website as a way to showcase our project."}),"\n",(0,s.jsx)(t.p,{children:"There are two main flows of interacting with this website:"}),"\n",(0,s.jsx)(t.h4,{children:"Customer"}),"\n",(0,s.jsx)(t.p,{children:"As a customer, you can:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["Browse the marketplace by the 3 categories:","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:"Women"}),"\n",(0,s.jsx)(t.li,{children:"Men"}),"\n",(0,s.jsxs)(t.li,{children:["Kids",(0,s.jsx)("br",{}),"\nThe marketplace screen contains a list of product cards, each with information such as an image of the item, brand and name of the item, the price and the estimated water consumption used to produce the item."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.li,{children:"Inspect details of a product by clicking onto a product card"}),"\n",(0,s.jsx)(t.li,{children:'Add a product to your cart by clicking on the "Add to Cart" button'}),"\n",(0,s.jsx)(t.li,{children:"Choose your means of delivering the product using the dropdown in the cart, and seeing the CO2 emissions of each method. By choosing to delay on the delivery and choosing less wasting delivery methods, the delivery process becomes more environmentally friendly through easier planning for bulk delivery on delivery companies' part."}),"\n",(0,s.jsx)(t.li,{children:'Check out your cart by clicking on the "Checkout" button'}),"\n"]}),"\n",(0,s.jsx)(t.h4,{children:"Donator"}),"\n",(0,s.jsx)(t.p,{children:"As a donator, you can:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsx)(t.li,{children:'Add a product to the marketplace by clicking on the "Add Donation Item" button'}),"\n",(0,s.jsx)(t.li,{children:"Input details of your donation item, including name, weight, and images of the item. Once the items are inputted, an estimated amount of rewards given to you will be calculated. The heavier the items, the more you are saving on the emission and waste that goes into producing and distributing the goods, as a result you get a larger sum of rewards. Right now, you get 50 Thriftee Dollars per kg of items donated, which can translate to different vouchers."}),"\n",(0,s.jsx)(t.li,{children:'Submit your donation item by clicking on the "Confirm" button'}),"\n",(0,s.jsx)(t.li,{children:"Download an auto-generated shipping label with the information of your donation, including user ID, items donated, estimated rewards, etc. An QR code is also generated on the shipping label to ease the process of processing the donation."}),"\n"]}),"\n",(0,s.jsx)(t.h2,{children:"Tech Stack"}),"\n",(0,s.jsx)(t.p,{children:"For the prototype, we used Next.js as the frontend framework, along the React Bootstrap as the styling library. We also used Zustand as the state management library to manage account info and shopping cart items."}),"\n",(0,s.jsx)(t.p,{children:"As for the backend, we used Firebase to save all product information."}),"\n",(0,s.jsx)(t.h2,{children:"Results"}),"\n",(0,s.jsx)(t.h2,{children:"License"}),"\n",(0,s.jsx)(t.p,{children:"For the licenses for 3rd party libraries used in this projects, please see the LICENSE-3RD-PARTY.txt."}),"\n",(0,s.jsx)(t.h2,{children:"Full Repository"}),"\n",(0,s.jsx)(t.p,{children:"You can find the full repository of this project at:\nhttps://github.com/renaultluk/hackUST-Online-Thrift-Shop"})]})}function h(e={}){return(0,s.jsx)(r,{...e,children:(0,s.jsx)(a,{...e})})}},3135:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var s=n(5039),i=n.n(s),o=n(4232),r=n(4272),a=n(7876);let h=o.forwardRef(({bsPrefix:e,fluid:t=!1,as:n="div",className:s,...o},h)=>{let l=(0,r.oU)(e,"container"),c="string"==typeof t?`-${t}`:"-fluid";return(0,a.jsx)(n,{ref:h,...o,className:i()(s,t?`${l}${c}`:l)})});h.displayName="Container";let l=h},5548:e=>{e.exports={postMain:"PostStyles_postMain__ajjyr",postTitle:"PostStyles_postTitle__j0Njq",postDes:"PostStyles_postDes__l7UoY",finishDate:"PostStyles_finishDate__yNq8e",postThumbnail:"PostStyles_postThumbnail__t3Awi"}}

1,7028:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/work/thriftee",function(){return n(2109)}])},7303:(e,t,n)=>{"use strict";n.d(t,{A:()=>c});var s=n(7876),i=n(7328),o=n.n(i);n(4587);var r=n(3135),a=n(5548),h=n.n(a),l=n(1660);let c=({children:e,title:t,slug:n,description:i,thumbnail:a,finishDate:c})=>(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o(),{children:(0,s.jsxs)("title",{children:[t," | Renault Luk"]})}),(0,s.jsx)(l.A,{}),(0,s.jsx)(r.A,{sm:5,children:(0,s.jsxs)("main",{className:h().postMain,children:[(0,s.jsx)("h1",{className:h().postTitle,children:t}),(0,s.jsx)("h2",{className:h().postDes,children:i}),(0,s.jsx)("p",{className:h().finishDate,children:c}),(0,s.jsx)("img",{width:"100%",height:300,src:`/projects/${n}/${a}`,alt:a,className:h().postThumbnail}),e]})})]})}},e=>{e.O(0,[144,636,593,792],()=>e(e.s=7028)),_N_E=e.O()}]);