Pre-Home Page
login - 1
login - 2
actual website

USwap Project Documentation

Inspiration

The inspiration behind USwap was the need for an efficient, affordable, and sustainable way for UMass students to access resources and share essential items within their campus community. High costs for temporary-use items like textbooks, study tools, and even small household items can put a strain on students, while items that graduating students no longer need often end up going to waste. USwap addresses these issues by creating a trusted, student-only marketplace, where students can connect, share, and support each other while reducing waste.

What It Does

USwap is a platform where UMass students can borrow, share, and sell a wide range of items. From textbooks and study supplies to furniture, electronics, and even clothing, USwap provides students with a flexible way to find and share items they need or no longer use. The platform verifies users through their UMass student IDs, ensuring a trusted, scam-free environment. USwap empowers students to save money, promote sustainability, and build a collaborative community on campus.

How We Built It

We developed USwap using a modern tech stack focused on scalability and user experience:

Frontend: Built with Next.js for a dynamic, fast, and responsive user experience, and styled with Material UI for a clean, modern interface.
Backend: Powered by Node.js to handle server-side logic and manage data flow efficiently.
Authentication and Database: Firebase manages Google authentication for secure login and verification and serves as the database to store user profiles, item listings, messaging logs, and reviews.
Payments: Stripe is integrated for secure payment processing, enabling transactions between buyers and sellers within the app.

Challenges We Ran Into

Defining and Refining the Concept: While the idea for USwap felt promising, refining the concept to meet real student needs while ensuring ease of use and security involved careful consideration and planning.
Designing for User Experience: Crafting a Figma design that feels intuitive and welcoming took time and multiple iterations. Balancing usability with the specific needs of UMass students required us to prioritize which features would appear on the main screens.
Setting Up the Domain and Deployment: Deploying the app with Vercel and configuring our .tech domain involved initial troubleshooting, especially with DNS records and domain propagation.
Initial Development Setup: Starting from scratch required setting up a clean codebase with Next.js, Material UI, Firebase, and Stripe. We also learned along the way. Ensuring these elements worked together smoothly was a key early challenge.

Accomplishments We’re Proud Of

Brilliant Idea with Real Potential: We’re proud of the concept behind USwap. Creating a community-driven marketplace specifically for UMass students has the potential for a positive impact, encouraging sustainable practices and community connection on campus.
High-Quality Figma Design: Our Figma design captures a clean, engaging, and functional interface that reflects the values of USwap. The design incorporates user feedback, resulting in a layout that we’re confident will offer a seamless experience.
Successful Deployment on Vercel and .tech Domain: Having the app live on a .tech domain is a significant milestone, giving us a professional base for further development. This deployment shows our commitment to making USwap an accessible, campus-centered resource.

What We Learned

Importance of Simplicity and Usability: We learned that a straightforward, user-friendly interface is essential for engaging students. Every design and development decision prioritized ease of use, from search filters to profile management.
Building Trust within a Community: Integrating verification and ratings emphasized that community-driven trust is essential for the success of platforms like USwap.
Flexibility in Design: We learned how important it is to design a scalable, adaptable app that can support various types of items and accommodate future feature expansions.

What’s Next for USwap - UMass Resource Sharing Hub

Advanced Search and Filtering Options: Adding filters and sorting features to make it even easier for students to find what they’re looking for.
Mobile App Development: Expanding to a dedicated mobile app to make USwap more accessible for students on the go.
Collaboration with UMass Sustainability Initiatives: Partnering with university programs to promote USwap as a key tool in reducing waste on campus.
Enhanced User Recommendations: Using AI to provide personalized recommendations, helping students discover relevant items faster.