Kind Cloth

Purpose

This website is designed to:

• Provide a user-friendly platform for making donations to various causes.
• Display a banner, about section, work procedure, and team members on the Home page to inform and engage users.
• Showcase donation cards on the Donations page, allowing users to choose and contribute to specific causes (donations restricted to logged-in users).
• Enable users to log in securely via email/password or Gmail, with an option to reset their password if needed.
• Offer a personalized Dashboard where users can view their profile and update their name and photo.

Live site

• You can access the live site here: Live Website

Key Features

1. Home Page:

   • Includes a dynamic banner with a slider to grab user attention.
   • Provides an "About" section to introduce the platform's mission and vision.
   • Features a "Work Procedure" area explaining how the donation process works.
   • Highlights team members to build trust and transparency.

2. Donations Page:

   • Displays a variety of donation cards for users to select from.
   • Ensures that only logged-in users can proceed with donations for secure transactions.

3. Dashboard Page:

   • Allows users to view their profile, including name and photo.
   • Offers an "Update" button for modifying profile details.

4. Login Page:

   • Provides login options using email/password or directly through Gmail.
   • Includes a password reset feature for easy account recovery.

5. Responsive Design:

   • Fully responsive layout to ensure a smooth user experience on all devices.

6. Secure Transactions:

   • Restricts donations to logged-in users to maintain security and accountability.

7. User-Friendly Interface:

   • Designed with simplicity and clarity to ensure an intuitive user experience.

npm packges

• aos package
• animate.css