🐾 ManoPata Frontend

Modern web platform connecting pets with loving homes

---

📋 Table of Contents

• About
• Features
• Getting Started
  • Prerequisites
  • Installation
• Development
• Building
• Testing
• Contributing

---

🎯 About

ManoPata is a comprehensive web application built with Angular that facilitates pet adoption and animal welfare. This frontend application provides an intuitive and responsive interface for users to browse, search, and connect with pets looking for their forever homes.

---

✨ Features

• 🔍 Advanced Search - Filter pets by species, breed, age, and location
• 📱 Responsive Design - Optimized for desktop, tablet, and mobile devices
• 🖼️ Image Gallery - Beautiful photo galleries for each pet
• 📝 Detailed Profiles - Comprehensive information about each animal
• 💬 Contact System - Easy communication with shelters and foster homes
• 🎨 Modern UI/UX - Clean and intuitive user interface

---

🚀 Getting Started

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (v18 or higher)
• npm (v9 or higher)
• Angular CLI (v18.1.1)

npm install -g @angular/cli@18.1.1

Installation

1. Clone the repository

git clone https://github.com/IsabellaTobon/Front-Manopata.git
cd Front-Manopata

2. Install dependencies

npm install

---

💻 Development

Development Server

Start the development server:

ng serve

Navigate to http://localhost:4200/ in your browser. The application will automatically reload when you make changes to the source files.

Code Scaffolding

Generate new components, services, and more:

# Generate a new component
ng generate component component-name

# Generate other artifacts
ng generate directive|pipe|service|class|guard|interface|enum|module

---

🔨 Building

Build the project for production:

ng build

The build artifacts will be stored in the dist/ directory. The production build optimizes your application for best performance.

Build Options

# Production build with optimization
ng build --configuration production

# Development build
ng build --configuration development

---

🧪 Testing

Unit Tests

Run unit tests with Karma:

ng test

End-to-End Tests

Run end-to-end tests:

ng e2e

Note: You need to add an e2e testing package first.

Code Coverage

ng test --code-coverage

---

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

---

📚 Additional Resources

• Angular Documentation
• Angular CLI Documentation
• TypeScript Documentation

---

📧 Contact

For questions or support, please open an issue in this repository.

---

Made with ❤️ for animals and their future families