ShareWithMe

Posting
Main page

Inspiration

Moving out of residence is a tedious part for students. Why? Because we own a bunch of stuffs we no longer need and we don't know where or how to donate them. That is why our team create an app that students can share their food, shampoo, chair,.. anything to the others.

What it does

An individual makes a post about stuffs that they have spare and want to share. They also choose the preferred meeting time and a location on campus that they can deliver. If someone wants to take it, they will inform the poster by hitting the "Take it" button on the post.

How we built it

Figma: we used the platform to brainstorm the idea, draft the app's layout and design
React.js: we use React, especially React-Bootstrap library to create a responsive and well-organized website.
Firebase: besides connecting the app with a real-time storage, we use Firebase Authentication for log-in page.

Challenges we ran into

We are all beginners in React.js. Hence, it took time for us to learn the basics of the library and implement it to the website. We also had some conflicts in the design and task distribution process.

Accomplishments that we're proud of

Picking up React.js and create a responsive website

What we learned

Authentication using Firebase
React.js
Web development
Teamwork

What's next for ShareWithMe

Initially, the app works locally in the university residence so that it's safe to share privacy information and for students to contact others. Later on, when it has stricter security and scam detection, we want to expand the region to outside of the university. We also plan to finalize the profile page so user can check what they had lent and taken.