This is a code bundle for Farming Animal Website (Community). The original project is available at https://www.figma.com/design/aHAsJwmP8sPBfuqMyqHXQx/Farming-Animal-Website--Community-.
- Overview
- Features
- Getting Started
- Project Structure
- Dependencies
- Legal Information
- Security Policy
- Privacy Policy
- Terms of Service
- Cookie Policy
- Requirements
- Contributing
- License
The Farming Animal Website (Community) is a modern, responsive website designed to showcase animals available for adoption, provide information about the organization, and facilitate connections between potential adopters and animals in need of homes.
- Responsive design that works on mobile, tablet, and desktop devices
- Hero section with engaging visuals and call-to-action
- Navigation menu for easy access to different sections
- Animal grid showcasing adoptable animals with detailed cards
- About section providing information about the organization
- Services section outlining the services offered
- Stats section showing key metrics and achievements
- Footer with contact information and social media links
- WhatsApp button for quick and easy contact
- Modern UI components using Radix UI and Tailwind CSS
- Smooth animations and transitions
- Node.js (version 18 or higher recommended)
- npm or yarn package manager
- Clone the repository
- Install dependencies:
npm install
To start the development server:
npm run devThe application will be available at http://localhost:5173/
To create a production build:
npm run buildTo preview the production build:
npm run previewsrc/
├── assets/ # Static assets (images, icons, etc.)
├── app/ # Main application components
│ ├── components/ # Reusable UI components
│ │ ├── AboutSection.tsx
│ │ ├── AnimalCard.tsx
│ │ ├── AnimalGrid.tsx
│ │ ├── CTASection.tsx
│ │ ├── Footer.tsx
│ │ ├── Hero.tsx
│ │ ├── Navigation.tsx
│ │ ├── ServicesSection.tsx
│ │ ├── StatsSection.tsx
│ │ └── WhatsAppButton.tsx
│ ├── App.tsx # Main application component
│ └── Attributions.md # Attributions for third-party resources
├── components/ # Shared UI components (Radix UI based)
├── styles/ # Global styles and theme configuration
└── main.tsx # Application entry point
- React 18.3.1
- React DOM 18.3.1
- Vite 6.3.5
- Tailwind CSS 4.1.12
- Radix UI components (various)
- Emotion for styling
- MUI Icons and Material
- Framer Motion for animations
- Lucide React for icons
- Sonner for toast notifications
- And many more utility libraries
See package.json for the complete list.
- @vitejs/plugin-react
- @tailwindcss/vite
- Tailwind CSS
See LEGAL.md for detailed legal information including license, copyright, disclaimer, and third-party licenses.
See SECURITY.md for our security policy including vulnerability reporting, supported versions, and security best practices.
See PRIVACY.md for our privacy policy detailing how we collect, use, and protect your personal information.
See TERMS.md for our terms of service governing your use of the website and services.
See COOKIES.md for our cookie policy explaining how we use cookies and similar technologies.
See REQUIREMENTS.md for detailed functional and non-functional requirements, constraints, and acceptance criteria.
We welcome contributions to improve the Farming Animal Website! Please follow these steps:
- Fork the repository
- Create a new branch for your feature or bug fix
- Make your changes
- Ensure your code follows the existing style and conventions
- Test your changes thoroughly
- Submit a pull request with a clear description of your changes
Please read our CODE_OF_CONDUCT.md for details on our code of conduct.
This project is licensed under the MIT License - see the LICENSE file for details.
For questions or support, please contact: info@farminganimalwebsite.com
- Original design created in Figma: https://www.figma.com/design/aHAsJwmP8sPBfuqMyqHXQx/Farming-Animal-Website--Community-
- All contributors who have helped shape this project
- The open-source community for the various libraries and tools used