{"id":31763431,"url":"https://github.com/kabriacid/aac_innovation","last_synced_at":"2026-04-07T23:32:55.157Z","repository":{"id":316390749,"uuid":"1061363253","full_name":"KabriAcid/aac_innovation","owner":"KabriAcid","description":"A modern, responsive corporate website built with React, TypeScript, and Tailwind CSS. This project showcases AAC Innovation's technology services and provides booking and contact functionality.","archived":false,"fork":false,"pushed_at":"2025-09-24T10:00:54.000Z","size":1210,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-09-24T11:23:56.076Z","etag":null,"topics":["appointment","booking","docker","express","firebase","innovation","mysql","nodejs","react","supabase","typescript"],"latest_commit_sha":null,"homepage":"https://aacinnovation-2335f.web.app/","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/KabriAcid.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-21T18:57:07.000Z","updated_at":"2025-09-24T10:00:57.000Z","dependencies_parsed_at":"2025-09-24T11:24:11.858Z","dependency_job_id":"e0607fb1-3822-41b9-806c-36e8a74c54b1","html_url":"https://github.com/KabriAcid/aac_innovation","commit_stats":null,"previous_names":["kabriacid/aac_innovation"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/KabriAcid/aac_innovation","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KabriAcid%2Faac_innovation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KabriAcid%2Faac_innovation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KabriAcid%2Faac_innovation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KabriAcid%2Faac_innovation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KabriAcid","download_url":"https://codeload.github.com/KabriAcid/aac_innovation/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KabriAcid%2Faac_innovation/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279002342,"owners_count":26083340,"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-09T02:00:07.460Z","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":["appointment","booking","docker","express","firebase","innovation","mysql","nodejs","react","supabase","typescript"],"created_at":"2025-10-09T23:20:50.553Z","updated_at":"2025-10-09T23:20:53.404Z","avatar_url":"https://github.com/KabriAcid.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AAC Innovation - Corporate Website\n\nA modern, responsive corporate website built with React, TypeScript, and Tailwind CSS. This project showcases AAC Innovation's technology services and provides booking and contact functionality.\n\n## 🚀 Features\n\n- **Modern Design**: Clean, professional design with smooth animations\n- **Responsive**: Mobile-first design that works on all devices\n- **Service Showcase**: Comprehensive display of technology services\n- **Booking System**: Integrated consultation booking with form validation\n- **Contact Forms**: Multiple contact points with real-time validation\n- **Performance Optimized**: Fast loading with optimized images and code splitting\n- **Accessibility**: WCAG compliant with proper semantic HTML\n- **SEO Ready**: Optimized for search engines\n\n## 🛠 Tech Stack\n\n### Frontend\n- **React 18** with TypeScript\n- **Vite** for build tooling\n- **Tailwind CSS** for styling\n- **Framer Motion** for animations\n- **React Hook Form** with Yup validation\n- **React Router DOM** for navigation\n- **Lucide React** for icons\n\n### Backend (PHP Examples Included)\n- **PHP** with MySQL\n- **Email integration** with SMTP\n- **RESTful API** endpoints\n- **Input validation** and sanitization\n\n## 📁 Project Structure\n\n```\nsrc/\n├── components/           # Reusable UI components\n│   ├── ui/              # Base UI components (Button, Input, etc.)\n│   ├── layout/          # Layout components (Header, Footer, etc.)\n│   └── forms/           # Form components with validation\n├── pages/               # Page components\n├── hooks/               # Custom React hooks\n├── utils/               # Helper functions and constants\n├── types/               # TypeScript type definitions\n├── data/                # Static data and mock data\n└── styles/              # Additional CSS/styling files\n```\n\n## 🚀 Getting Started\n\n## 🎨 Design System\n\n### Colors\n- **Primary**: Blue-600 (#2563eb) with full color ramp\n- **Secondary**: Slate colors for text and backgrounds\n- **Accent**: Configurable through Tailwind config\n\n### Typography\n- **Font**: Plus Jakarta Sans (Google Fonts)\n- **Scales**: Responsive typography with proper line heights\n\n### Components\n- Consistent spacing using 8px grid system\n- Reusable UI components with variants\n- Accessible form controls with validation\n- Smooth animations and micro-interactions\n\n## 📱 Pages\n\n1. **Homepage** - Hero, services overview, testimonials\n2. **Services** - Detailed service listings with categories\n3. **About** - Company story, team, mission/vision\n4. **Booking** - Consultation scheduling with calendar integration\n5. **Contact** - Multiple contact methods with forms\n\n## 🔧 Configuration\n\n### Tailwind Configuration\nThe design system is centralized in `tailwind.config.js`:\n- Custom color palette\n- Typography scales\n- Animation utilities\n- Component classes\n\n### Environment Variables\nKey configuration in `.env`:\n- API endpoints\n- Email settings\n- Database credentials\n- Feature flags\n\n## 📊 Backend Integration\n\n### API Endpoints\n- `POST /api/contact.php` - Contact form submission\n- `POST /api/bookings.php` - Booking form submission\n- `GET /api/services.php` - Service data retrieval\n\n## 🚀 Deployment\n\n### Frontend Deployment\n1. Build the project: `npm run build`\n2. Deploy the `dist` folder to your web server\n3. Configure your web server for SPA routing\n\n### Backend Deployment\n1. Upload PHP files to your server\n2. Configure database connection\n3. Set up email SMTP settings\n4. Ensure proper file permissions\n\n### Docker Deployment\n```bash\n# Build and run with Docker\ndocker build -t aac-innovation .\ndocker run -p 3000:3000 aac-innovation\n```\n\n## 🧪 Testing\n\n```bash\n# Run tests\nnpm run test\n\n# Run linting\nnpm run lint\n\n# Format code\nnpm run format\n```\n\n## 📈 Performance\n\n- **Lighthouse Score**: 95+ across all metrics\n- **Bundle Size**: Optimized with code splitting\n- **Image Optimization**: WebP format with lazy loading\n- **Caching**: Proper cache headers for static assets\n\n## 🔒 Security\n\n- Input validation on all forms\n- CSRF protection on backend\n- Secure headers configuration\n- Environment variable protection\n\n## 🤝 Contributing\n\n1. Fork the repository\n2. Create a feature branch\n3. Make your changes\n4. Add tests if applicable\n5. Submit a pull request\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\n## 📞 Support\n\nFor support and questions:\n- Email: aacinovations43@gmail.com\n- Phone: 0707 653 6019\n- Website: https://aacinnovation.com\n\n## 🙏 Acknowledgments\n\n- Design inspiration from leading tech companies\n- Icons by Lucide React\n- Images from Unsplash\n- Fonts by Google Fonts\n\n## Social Links\nhttps://x.com/aacinnovations?s=21\nhttps://www.linkedin.com/in/aac-innovations-442734335","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkabriacid%2Faac_innovation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkabriacid%2Faac_innovation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkabriacid%2Faac_innovation/lists"}