Winter Wardrobe is a clothes donation website designed to make giving back easier and more impactful.
Live Site: https://winter-wardrobe.netlify.app/
- Clothes Donation: Users can donate clothes, specifying the quantity they wish to contribute. The system keeps track of all donations.
- Admin Dashboard: Admins have full control to create, update, and delete clothes listings, ensuring the catalog is up-to-date.
- Donor Testimonials: Donors can share their donation experiences via the user dashboard, fostering a sense of community and encouragement.
- Leaderboard: A leaderboard highlights the top donors, celebrating their generosity and inspiring others to give.
- Community Gratitude Wall: Users can share heartfelt stories about the support they've received during tough times, adding a personal touch to the platform.
- Light/Dark Mode: The website offers a dynamic switch between light and dark modes for a personalized user experience.
- Volunteer Opportunities: Users can sign up for volunteer roles, and once their applications are approved, they’ll be listed in the volunteer section.
- Admin Dashboard Statistics: Admins will be able to view donation statistics via a visually appealing pie chart, giving them an insightful overview of the donation activity.
- Enhanced UI/UX: Framer Motion and Lottie animations have been integrated to create a more engaging and visually appealing user experience.
Client side: https://github.com/Al-Amin49/winter-wardrobe-frontend/
Server side: https://github.com/Al-Amin49/winter-wardrobe-backend
- Clone the repository
git clone https://github.com/Al-Amin49/winter-wardrobe-frontend/
- Install Dependencies
cd winter-wardrobe-frontend
npm install
- Run the server
npm run dev
- Create a .env.local file in the root of your project
VITE_APIURL = Your_api_url