Skip to content

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

Notifications You must be signed in to change notification settings

piyal007/Cute-Pet

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

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

Watchers

Forks

Releases

No releases published

Packages

No packages published