Skip to content

Al-Amin49/winter-wardrobe-frontend

Repository files navigation

Winter Wardobe Frontend

Winter Wardrobe is a clothes donation website designed to make giving back easier and more impactful.

Live Site: https://winter-wardrobe.netlify.app/

Key Features:

  • 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.

Code Link

Client side: https://github.com/Al-Amin49/winter-wardrobe-frontend/

Server side: https://github.com/Al-Amin49/winter-wardrobe-backend

Installation and Usage

  1. Clone the repository
git clone https://github.com/Al-Amin49/winter-wardrobe-frontend/
  1. Install Dependencies
cd winter-wardrobe-frontend
npm install
  1. Run the server
npm run dev
  1. Create a .env.local file in the root of your project
VITE_APIURL = Your_api_url