SwapIt

Inspiration

Do you have preloved items you no longer want? Instead of throwing them away, why not exchange them with others who feel the same about their items? By swapping items, we not only find joy in new items but also help reduce carbon waste. Creating a win-win for both users and the environment.

What it does

This website provides a platform where users can exchange items they want. Especially those that may be too expensive to purchase by exchanging them for pre-owned items they no longer need, but others might want. All items must be in usable condition, ensuring quality trades. The platform facilitates direct user-to-user exchanges, making valuable goods more accessible while promoting sustainability and reducing waste.

How we built it

Our team collaborated by dividing responsibilities based on individual strengths. Two members focused on the design, creating the visual layout and bringing it to life with responsive front-end development. The other two concentrated on back-end development by integrating Firebase, React, and Next.js, ensuring the application functions smoothly and the codebase is well-structured and compiled correctly.

We developed several key pages for our platform: Home Page: Highlights key features and invites users to explore the platform About Page: Explains the mission and purpose behind the site Shop Page: Displays items available for exchange from other users Message Page: Enables users to communicate and negotiate trades directly Profile Page: Shows a user's listed items and manages their account Sign-up and Login Page: Allow users to create an account or log in to an existing account

Challenges we ran into

One of the main challenges we encountered was ensuring that all the code compiled correctly after integrating additional tools and plugins. Coordinating between design and functionality sometimes led to compatibility issues, requiring careful debugging and collaboration between all team members.

Accomplishments that we're proud of

Our biggest accomplishment is definitely completing this project in under 48 hours. Although all members work from different locations, we collaborate effectively to bring our idea to life under tight time constraints and through in-person and Zoom meetings.

Additional accomplishments include:

Strengthened our development skills — through this 48-hour continuous effort, each one of us has learn new skills, increased debugging ability, and become more familiar with creating a full stack project.
Improved teamwork skills — over the two days, our team met multiple times, both in person and online, to collaborate closely on building the website. Since we were split into front-end and back-end roles, it was especially important to coordinate and ensure everything integrated smoothly.

What we learned

Through this project, our team members gained an in-depth understanding of front-end development, including the use of HTML, CSS, and front-end technologies such as React and Next.js. As well as grown in ability to work and handle the connection between the user and the database in the back-end development. This experience laid the foundation for our future independent and team development projects.

What's next for SwapIt

If given more time, we would enhance the website with more dynamic features to improve the user experience. This could include the shipping page, advanced item filtering (the condition of the items), real-time notifications, a rating system for users, a search bar tool for convenience, and add AI for better item matching algorithms to streamline the exchange process.