https://github.com/alifa-as/winter-cloth-donation

The Winter Clothing Donation Website is a simple and easy-to-use platform that helps people donate winter clothing to those in need across Bangladesh. When the weather gets colder, thousands of vulnerable people, especially in rural and low-income areas, struggle to stay warm because they don’t have enough warm clothing.
https://github.com/alifa-as/winter-cloth-donation

daisyui firebase react react-router-dom tailwindcss vite

Last synced: 2 months ago
JSON representation

The Winter Clothing Donation Website is a simple and easy-to-use platform that helps people donate winter clothing to those in need across Bangladesh. When the weather gets colder, thousands of vulnerable people, especially in rural and low-income areas, struggle to stay warm because they don’t have enough warm clothing.

• Host: GitHub
• URL: https://github.com/alifa-as/winter-cloth-donation
• Owner: Alifa-AS
• Created: 2025-03-14T05:22:09.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-05T16:33:48.000Z (about 1 year ago)
• Last Synced: 2025-05-31T14:28:05.199Z (about 1 year ago)
• Topics: daisyui, firebase, react, react-router-dom, tailwindcss, vite
• Language: JavaScript
• Homepage: https://winter-cloth-donation-a39da.web.app/
• Size: 6.76 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# **Winter Clothing Donation Website**

## **Project Purpose**  

The **Winter Clothing Donation Website** is a simple and easy-to-use platform that helps people donate winter clothing to those in need across Bangladesh. 

When the weather gets colder, thousands of vulnerable people, especially in rural and low-income areas, struggle to stay warm because they don’t have enough warm clothing. 

This website will connect donors with volunteers for these people, making it easy for users to donate clothes and bring warmth to those who need it most. Users will see the donation campaign and browse details after login and can donate via the form. 

This designed to connect donors with those in need during the cold season. It provides a seamless platform for managing donation campaigns, ensuring that essential winter clothing items like jackets, blankets, and sweaters reach those in need.

---

## **Live URL**  

 https://winter-cloth-donation-a39da.web.app/

---

## **Key Features**  

- **Authentication**:  

  - Email and password-based user authentication.  

  - Google login integration for quick access.  

  - Secure private routes to ensure only authenticated users can access restricted content.  

- **Donation Campaigns**:  

  - View detailed campaign information, including location, contact details, and requirements.  

  - Submit donation details like item type, quantity, and pickup location.  

  - Receive a success toast notification after submission.  

- **Dynamic Routing**: Smooth navigation between pages using React Router DOM.  

- **Responsive UI**: Built with DaisyUI and TailwindCSS for a visually appealing, mobile-friendly design.  

- **Private Routes**: Restricts access to sensitive pages, ensuring only logged-in users can view or interact with donation forms.

---

## **Technologies Used**  

- **React**: For creating a dynamic and interactive user interface.  

- **Firebase**:  

  - Firebase Authentication for email-password and Google login.  

  - Firebase Hosting for live deployment.  

- **React Router DOM**: For routing and implementing private routes.  

- **Tailwind CSS**: Utility-first CSS framework for styling.  

- **DaisyUI**: Tailwind-based component library for pre-designed UI elements.  

- **React Hot Toast**: For displaying toast notifications.

---

## **npm Packages Used**

### **Core React Packages:**

react

react-dom

## **Routing and Navigation:**

react-router-dom

## **Authentication:**

firebase

## **Styling:**

tailwindcss

daisyui

## **Notifications:**

react-hot-toast

# React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh