Kind Hands

A platform that connects donors and volunteers with important causes, making donations simple and effective.

🚀 Technologies

• Next.js 16 - React framework
• React 19 - UI library
• TypeScript - Type safety
• Tailwind CSS - Styling management

📁 Project Structure

kind-hands/
├── app/              # Next.js App Router pages
├── components/       # Reusable React components
├── lib/             # Helper functions and utilities
├── types/           # TypeScript type definitions
└── public/          # Static files
    └── images/      # Image assets
        ├── hero/    # Hero section images
        ├── about/   # About page images
        ├── events/  # Events page images
        ├── volunteers/ # Volunteer section images
        ├── donations/  # Donation related images
        ├── contact/    # Contact page images
        ├── icons/      # Icon images
        ├── team/       # Team member images
        ├── testimonials/ # Testimonial images
        └── projects/   # Project images

🛠️ Installation

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Build for production
pnpm build

# Start production server
pnpm start

📝 Scripts

• pnpm dev - Development server (localhost:3000)
• pnpm build - Create production build
• pnpm start - Start production server
• pnpm lint - Code linting with ESLint
• pnpm fix - Automatically fix ESLint errors

🎯 Features

• Modern and fast Next.js 16 App Router
• Optimized performance with React Compiler
• Type safety with TypeScript
• Responsive design with Tailwind CSS
• Accessibility-focused (a11y) development

🔗 Links

• Figma Design: Charity Webflow Website Template