Skip to content
piyal007Public

About

Cute-Pet is a fun web app showcasing adorable pet images and facts, perfect for animal lovers looking for daily smiles and pet inspiration.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Latest commit

 

History

7 Commits

Folders and files

Repository files navigation

Browse4Pets - Pet Shopping Website

Browse4Pets Logo

📌 Overview

Browse4Pets is a responsive, modern web application designed for pet lovers to browse and shop for various pet products and services. The platform offers a user-friendly interface to explore different pet categories, trending pet products, and pet-related services.

🎯 Features

  • Responsive Design: Fully responsive layout that works seamlessly on mobile, tablet, and desktop devices
  • Pet Categories: Browse pets by categories including dogs, cats, fish, birds, small pets, and rabbits
  • Product Showcase: Display of trending pet products with ratings and pricing
  • Image Gallery: Visual showcase of pets and products
  • Low Price Section: Highlighting special deals and discounted items
  • Newsletter Subscription: Option for users to subscribe for exclusive updates and deals

🛠️ Technologies Used

  • HTML5: Semantic markup structure
  • CSS3: Custom styling and animations
  • Tailwind CSS: Utility-first CSS framework for responsive design
  • DaisyUI: Component library for Tailwind CSS
  • Font Awesome: Icon library
  • Google Fonts: Custom typography (Sora and ADLaM Display fonts)

🖼️ Screenshots

The website features a clean, modern design with a yellow accent color scheme.

🚀 Setup and Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/browse4pets.git
  2. Navigate to the project directory:

    cd browse4pets
  3. Open index.html in your preferred browser to view the website.

📱 Responsive Design

The website is fully responsive and optimized for:

  • Mobile devices
  • Tablets
  • Desktop computers

🎨 Color Palette

  • Primary Accent: #FFDC26 (Yellow)
  • Background: #FFF9F4 (Off-white)
  • Card Color: #F9DF8A (Light Yellow)
  • Text: #111111 (Near Black)

📂 Project Structure

├── assets/            # Contains all images and media files
├── index.html         # Main HTML file
├── style.css          # Custom CSS styles
├── tailwind-custom.js # Tailwind CSS custom configuration
└── tailwind.config.js # Tailwind CSS configuration

🔮 Future Enhancements

  • User authentication system
  • Shopping cart functionality
  • Payment gateway integration
  • Pet adoption features
  • Product filtering and search capabilities

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👥 Contribution

Contributions, issues, and feature requests are welcome. Feel free to check the issues page if you want to contribute.

📞 Contact

If you have any questions or suggestions, please feel free to reach out:


⭐ Star this repo if you find it useful! ⭐

About

Cute-Pet is a fun web app showcasing adorable pet images and facts, perfect for animal lovers looking for daily smiles and pet inspiration.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages