Inspiration
What it does
How we built it
Challenges we ran into
Accomplishments that we're proud of
What we learned
What's next for EcoSwap: Rent and Sell
Here is a condensed version of your project description, perfect for a quick-read submission or a clean GitHub README.
Inspiration
To reduce waste and support local communities by creating a circular economy where neighbors can easily rent or sell underused items.
What it does
EcoSwap is a mobile-friendly marketplace where users can:
List items for either rent or sale.
Browse & Search a live global inventory with real-time filtering.
Manage Listings via a personalized dashboard to track or delete their posts.
How we built it
Frontend: HTML5, CSS3 (Flexbox), and Vanilla JavaScript for a lightweight, dependency-free experience.
Backend: Integrated with a RESTful API using async/await and fetch for real-time CRUD operations.
Architecture: A Single Page Application (SPA) flow using conditional rendering for smooth transitions.
Challenges we ran into
Building a smooth SPA experience without a framework required careful DOM management and state handling, specifically ensuring the search filter stayed synced with the API cache.
Accomplishments that we're proud of
We successfully built a fully functional marketplace with a "Soft UI" aesthetic that works flawlessly on mobile devices, all while keeping the codebase under 200 lines.
What we learned
The power of Vanilla JS for rapid prototyping and the importance of structuring JSON data efficiently to handle different transaction types (Rent vs. Sell).
If we had more time (and money), we would have created a website of our own that had an actual login system and made the app like a full blown website
Log in or sign up for Devpost to join the conversation.