{"id":31658230,"url":"https://github.com/dachugo/polleria-new-project","last_synced_at":"2025-10-07T15:15:46.461Z","repository":{"id":301087625,"uuid":"1007463818","full_name":"dachugo/polleria-new-project","owner":"dachugo","description":"🍗 Polleria Arenas App - Full-stack chicken restaurant application built with Ionic 7, Angular 17, and Supabase. Features real-time ordering, Stripe payments, user authentication, and responsive mobile design. Perfect for modern food service businesses.","archived":false,"fork":false,"pushed_at":"2025-08-11T16:34:12.000Z","size":24579,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-11T18:33:15.390Z","etag":null,"topics":["angular","capacitor","fullstack-development","ionic","ionic-framework","mobile","mobile-app","programming-challenge","supabase","type"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dachugo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-24T03:32:51.000Z","updated_at":"2025-08-11T16:34:16.000Z","dependencies_parsed_at":"2025-08-11T18:19:33.641Z","dependency_job_id":"8410d026-4f0d-4605-bbe2-952f059ea37b","html_url":"https://github.com/dachugo/polleria-new-project","commit_stats":null,"previous_names":["dachugo/polleria-new-project"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dachugo/polleria-new-project","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dachugo%2Fpolleria-new-project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dachugo%2Fpolleria-new-project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dachugo%2Fpolleria-new-project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dachugo%2Fpolleria-new-project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dachugo","download_url":"https://codeload.github.com/dachugo/polleria-new-project/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dachugo%2Fpolleria-new-project/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278795659,"owners_count":26047253,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-07T02:00:06.786Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","capacitor","fullstack-development","ionic","ionic-framework","mobile","mobile-app","programming-challenge","supabase","type"],"created_at":"2025-10-07T15:15:44.804Z","updated_at":"2025-10-07T15:15:46.452Z","avatar_url":"https://github.com/dachugo.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🍗 Pollería Arenas - Complete Management System\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"src/assets/img/image-logo-polleria.svg\" alt=\"Pollería Arenas Logo\" width=\"200\"/\u003e\n  \n  [![Angular](https://img.shields.io/badge/Angular-19.0.0-red.svg)](https://angular.io/)\n  [![Ionic](https://img.shields.io/badge/Ionic-8.0.0-blue.svg)](https://ionicframework.com/)\n  [![Capacitor](https://img.shields.io/badge/Capacitor-7.4.0-purple.svg)](https://capacitorjs.com/)\n  [![Supabase](https://img.shields.io/badge/Supabase-2.50.0-green.svg)](https://supabase.com/)\n  [![Stripe](https://img.shields.io/badge/Stripe-7.4.0-blue.svg)](https://stripe.com/)\n\u003c/div\u003e\n\n## 📱 Project Description\n\n**Pollería Arenas** is a complete mobile app for managing a chicken restaurant, allowing customers to place digital orders and administrators to manage the business efficiently.\n\n### 🎯 Main Goals\n- **Business Digitalization**: Transform traditional ordering into an intuitive digital process\n- **Efficient Management**: Automate order handling, inventory, and customer management\n- **User Experience**: Provide a modern, easy-to-use interface for customers and admins\n- **Security**: Implement robust authentication and secure payments\n\n---\n\n## ⚡ **Programming Challenge - 10 DAYS**\n\nThis project was developed as an **intensive programming challenge** completed in **just 10 days**, demonstrating:\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"src/assets/screenshots-app/bg-presentation.png\" alt=\"App Presentation\" width=\"700\"/\u003e\n  \u003cp\u003e\u003cem\u003eWelcome to Polleria Arenas!\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n### 🚀 **Technical Skills Demonstrated**\n- **Full-Stack Development** with modern cutting-edge technologies\n- **Software Architecture** robust and scalable from scratch\n- **Complex API Integration** (Stripe, Supabase) in record time\n- **Performance Optimization** for hybrid mobile applications\n- **Advanced State Management** with reactive patterns\n\n### 💼 **Key Professional Competencies**\n- **Project Management** under extreme time pressure\n- **Complex Problem Solving** efficiently\n- **Technological Adaptability** with emerging frameworks\n- **Critical Thinking** for quick architectural decisions\n- **Technical Communication** clear and professional documentation\n\n### 🎯 **Market Value**\n- **Impact Portfolio**: Shows ability to deliver complete products quickly\n- **Modern Tech Stack**: Experience with most in-demand market technologies\n- **Real Project**: Functional solution for real business, not just academic exercises\n- **Scalability**: Architecture ready for long-term growth and maintenance\n\n### 🏆 **Challenge Highlights**\n- **Complete MVP**: Functional app with all core features implemented\n- **Full Integration**: Stripe + Supabase working perfectly in production\n- **Professional UX/UI**: Intuitive and attractive interface developed in record time\n- **Quality Code**: Modular structure, testing and complete documentation\n- **Mobile Deployment**: App ready to publish on App Store and Google Play\n\n---\n\n## 📱 **App Screenshots \u0026 UI Showcase**\n\n\u003cdiv align=\"center\"\u003e\n  \u003ch3\u003e🎨 Complete App Interface Overview\u003c/h3\u003e\n  \u003cp\u003e\u003cem\u003eSee the beautiful and professional design of Pollería Arenas\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"src/assets/screenshots-app/login-validations-screens.png\" alt=\"Login and Validation Screens\" width=\"700\"/\u003e\n  \u003cp\u003e\u003cem\u003eSecure authentication with form validations\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"src/assets/screenshots-app/home-screenshots.png\" alt=\"Home and Product Screens\" width=\"700\"/\u003e\n  \u003cp\u003e\u003cem\u003eHome screen with product catalog and navigation\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"src/assets/screenshots-app/sections-screenshots.png\" alt=\"App Sections and Navigation\" width=\"700\"/\u003e\n  \u003cp\u003e\u003cem\u003eApp sections: cart, favorites, profile, and navigation\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"src/assets/screenshots-app/payment-screenshots.png\" alt=\"Payment Process Screens\" width=\"700\"/\u003e\n  \u003cp\u003e\u003cem\u003ePayment flow with multiple payment methods\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"src/assets/screenshots-app/order-screenshots.png\" alt=\"Order Management Screens\" width=\"700\"/\u003e\n  \u003cp\u003e\u003cem\u003eOrder tracking and management system\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n## 🚀 Technologies Used\n\n### **Frontend \u0026 Mobile**\n- **Ionic Framework 8.0.0** - Hybrid mobile app framework\n- **Angular 19.0.0** - Modern web development framework\n- **Capacitor 7.4.0** - Native browser for mobile features\n- **TypeScript 5.6.3** - Typed programming language\n- **SCSS** - CSS preprocessor for advanced styles\n\n### **Backend \u0026 Database**\n- **Supabase 2.50.0** - Backend-as-a-Service with PostgreSQL\n- **Row Level Security (RLS)** - Granular security policies\n- **Integrated Authentication** - User and session system\n\n### **Payments \u0026 Integrations**\n- **Stripe 7.4.0** - Secure payment platform\n- **Multiple Payment Methods** - Cards, cash, Yape\n- **Card Management** - Secure storage of payment methods\n\n---\n\n## ✨ Main Features\n\n### 👤 **User Management**\n- Secure registration and login\n- Customizable profiles with avatars\n- Personal information management (name, address, phone and even a custom profile icon)\n- Persistent authentication system\n\n### 🍽️ **Product Catalog**\n- Menu and drinks visualization\n- Filtering by categories (foods/drinks)\n- High-quality images for each product\n- Detailed price and description information\n\n### ❤️ **Favorites System**\n- Save favorite products\n- Quick access to preferred products\n- Synchronization with user account\n\n### 🛒 **Shopping Cart**\n- Add/remove products\n- Quantity control (max 10 per product)\n- Automatic total calculation\n- Cart data persistence\n\n### 💳 **Payment System**\n- **Multiple Payment Methods**:\n  - Credit/debit cards (Stripe)\n  - Cash (Simulated)\n- Saved card management\n- Secure and validated payment process\n\n### 📋 **Order Management**\n- Automatic order creation\n- Real-time status tracking\n- Order states:\n  - Pending → Confirmed → In Preparation → Ready to Send → On the Way → Delivered\n- Automatic status change notifications\n\n### 📱 **Mobile Experience**\n- Responsive and adaptive design\n- Intuitive tab navigation\n- Reusable components\n- Mobile device optimization\n\n---\n\n## 🏗️ Project Architecture\n\n### **Component Structure**\n```\nsrc/app/\n├── components/           # Reusable components\n│   ├── header-profile/  # User info header\n│   ├── navbar/          # Main navigation\n│   ├── product-card/    # Product card\n│   └── sidebar-pedido/  # Order sidebar\n├── pages/               # Main pages\n│   ├── home/           # Main page with products\n│   ├── cart/           # Shopping cart\n│   ├── favorite/       # Favorite products\n│   ├── profile/        # User profile\n│   ├── cart-pay/       # Payment process\n│   ├── pay-method/     # Payment method selection\n│   └── pedido-estado/  # Order tracking\n└── services/           # App services\n    ├── auth.service.ts # Authentication and user management\n    ├── cart.service.ts # Cart management\n    ├── stripe.service.ts # Stripe integration\n    └── favoritos.service.ts # Favorites management\n```\n\n### **Design Patterns**\n- **Modular Architecture** with standalone components\n- **Injectable Services** for business logic\n- **Authentication Guards** for route protection\n- **Lazy Loading** for performance optimization\n- **Reactive Forms** for data validation\n\n---\n\n## 🔧 Installation \u0026 Setup\n\n### **Prerequisites**\n- Node.js 18+\n- npm or yarn\n- Ionic CLI\n- Supabase account\n- Stripe account\n\n### **1. Clone Repository**\n```bash\ngit clone https://github.com/dachugo/polleria-new-project.git\ncd polleria-new-project\n```\n\n### **2. Install Dependencies**\n```bash\nnpm install\n```\n\n### **3. Environment Variables**\nCreate `src/environments/environment.secret.ts`:\n\n```typescript\nexport const secret = {\n  supabaseUrl: 'YOUR_SUPABASE_URL',\n  supabaseKey: 'YOUR_SUPABASE_ANON_KEY',\n  stripePublicKey: 'YOUR_STRIPE_PUBLIC_KEY'\n};\n```\n\n### **4. Development**\n```bash\n# Development server\nionic serve\n\n# Production build\nionic build\n\n# Mobile device\nionic capacitor run android\nionic capacitor run ios\n```\n\n---\n\n## 🗄️ Database Configuration\n\n### **Main Tables in Supabase**\n- **usuarios**: Customer information and profiles\n- **productos**: Food and drinks catalog\n- **categorias**: Product classification\n- **carrito**: Cart products by user\n- **favoritos**: Favorite products by user\n- **pedidos**: Order history\n- **tarjetas**: Saved payment methods\n- **estados_pedido**: Status tracking\n\n### **RLS Policies (Row Level Security)**\n- **Users**: Only access their own information\n- **Products**: Public read, admin write only\n- **Cart/Favorites**: Users only see their own items\n- **Orders**: Users see only their orders, admins see all\n\n---\n\n## 💳 Stripe Integration\n\n### **Implemented Features**\n- Stripe.js loading for secure processing\n- Custom card elements\n- Payment data validation\n- Secure payment method storage\n- Transaction processing\n\n### **Required Configuration**\n- Stripe public key in environment.secret.ts\n- Webhook configuration for notifications\n- Security policies for payment data\n\n---\n\n## 📱 Mobile Features\n\n### **Capacitor Integration**\n- **Android**: Complete native support\n- **iOS**: Apple device compatibility\n- **Web**: Full browser functionality\n- **PWA**: Progressive web app capabilities\n\n### **Native Features**\n- Touch gesture optimization\n- Gesture navigation\n- Automatic screen size adaptation\n- Mobile performance optimization\n\n---\n\n## 🚀 Deployment\n### **Build Process**\n```bash\n# Production build\nionic build --prod\n\n# Android build\nionic capacitor build android\n\n# iOS build\nionic capacitor build ios\n```\n\n---\n\n## 🔒 Security\n\n### **Implemented Measures**\n- JWT authentication with Supabase\n- RLS policies for data protection\n- Form validation in frontend and backend\n- Sensitive data encryption\n- CSRF protection in forms\n\n### **Best Practices**\n- Environment variables for sensitive keys\n- User input validation\n- Data sanitization\n- Audit logs for critical actions\n\n---\n\n## 📊 Monitoring \u0026 Analytics\n\n### **Performance Metrics**\n- Page load times\n- Database performance\n- Memory and CPU usage\n- User metrics (sessions, conversions)\n\n### **Logs \u0026 Debugging**\n- Structured debugging logs\n- Real-time error monitoring\n- Application performance metrics\n\n---\n\n## 🤝 Contributing\n\n### **How to Contribute**\n1. Fork repository\n2. Create feature branch (`git checkout -b feature/new-feature`)\n3. Commit changes (`git commit -am 'Add new feature'`)\n4. Push to branch (`git push origin feature/new-feature`)\n5. Create Pull Request\n\n### **Code Standards**\n- Follow Angular/Ionic conventions\n- Document complex functions\n- Maintain test coverage\n- Review code before merge\n\n---\n\n\u003cdiv align=\"center\"\u003e\n  \u003cp\u003e\u003cstrong\u003eThanks for using Pollería Arenas! 🍗✨\u003c/strong\u003e\u003c/p\u003e\n  \u003cp\u003eA complete solution to digitize your chicken restaurant business\u003c/p\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdachugo%2Fpolleria-new-project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdachugo%2Fpolleria-new-project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdachugo%2Fpolleria-new-project/lists"}