👕 ReWear – Your Sustainable Clothing Donation Platform
Give more. Waste less. Dress someone with dignity.
💡 Inspiration
ReWear was inspired by my own life.
Growing up, I didn’t get new clothes during festivals or birthdays. I wore donated clothes from kind relatives and well-wishers, and I wore them with pride. That experience taught me the value of sharing, kindness, and adjusting with dignity.
I know that I’m not alone—many others face similar challenges silently.
At the same time, I see closets filled with unused, gently worn clothes that could change someone’s life.
That’s when I asked myself:
What if I build a platform that connects people with hearts to give, and those in need to receive—without expecting anything in return?
That’s how ReWear came to life—not just a website, but a mission of compassion, sustainability, and impact.
🧩 What it does
ReWear is a user-friendly clothing donation website designed to connect donors and receivers in a meaningful, secure way.
It’s not an exchange — it's purely a donation platform.
🔑 Key Features:
- User Login/Signup: Secure login with email and details
- Donate Tab: Upload details of gently used clothes for donation
- Browse & Request: Receivers can view all available clothes and send requests
- Message Tab: Donors receive requests and can accept/decline with reason
- Privacy Control: Donor’s phone number is hidden; only email is shown to receivers
- Profile Tab: Donors can view, edit, and delete donated items
- Leaderboard: Points are earned for successful donations
🎯 Points System:
[ \text{Points} = 10 \times \text{Number of Confirmed Donations} ]
- Badges System: Earn badges based on donation milestones
- Events Tab: Orphanages/Old Age Homes can launch donation drives—users can participate directly
🛠️ How we built it
ReWear was built as a fully responsive website using:
- 🖥️ HTML, CSS, JavaScript – for clean front-end
- ☁️ Firebase (Realtime Database + Authentication) – for back-end operations
🧱 Development Steps:
- Sketched UI and user flow
- Built core tabs: Donate, Request, Messages, Profile, Events
- Connected Firebase for:
- Authentication
- Donation storage
- Messaging and request system
- Authentication
- Applied conditional rendering and privacy logic
- Deployed using GitHub + Netlify
💡 It took 4 complete versions to arrive at this final stable build.
🚧 Challenges we ran into
- 🔁 Multiple failed versions – Rebuilt from scratch 4 times
- 🔐 Firebase complexity – Learned full-stack auth + storage from zero
- 🎨 Design struggles – Balancing clean UI with full feature support
- 💬 Messaging privacy – Built a system to allow contact without phone numbers
- 🔄 Real-time sync – Achieved live updates across user tabs and states
🏆 Accomplishments we're proud of
- Developed a complete platform with no templates or frameworks
- Learned and implemented Firebase end-to-end
- Designed a secure, respectful donation and messaging system
- Created a custom Events tab for NGO-led donation drives
- Persisted through repeated failures
- Introduced gamification via points, badges, and leaderboard
📚 What we learned
- Mastered HTML, CSS, JavaScript
- Learned Firebase Authentication + Realtime Database
- Understood full CRUD flows and user sessions
- Designed privacy-aware systems with respect and security
- Learned to bounce back from failure and rebuild better
- Gained real-world experience in web deployment
🚀 What's next for ReWear
- Build an admin dashboard for NGO/event management
- Ensure mobile responsiveness for all screen sizes
- Add OTP/Email verification
- Launch notifications system
- Create an Android app
- Partner with local shelters, orphanages, and colleges
- Add multi-language support for rural access
- Enable pickup coordination and map-based location tagging
🌱 ReWear is more than a project—it’s a step toward dignity, sustainability, and human connection.
Built With
- canva
- css
- firebase
- github
- html
- javascript
- netlify
- visual-studio
Log in or sign up for Devpost to join the conversation.