{"id":31837809,"url":"https://github.com/abirchebbi45/portfolio-website","last_synced_at":"2026-04-17T05:02:24.905Z","repository":{"id":315820945,"uuid":"1060918741","full_name":"abirchebbi45/portfolio-website","owner":"abirchebbi45","description":"Professional portfolio website showcasing software engineering and AI/ML expertise. Built with React, TypeScript, and Tailwind CSS. Features responsive design, smooth navigation, and clean presentation of experience, projects, skills, and contact information.","archived":false,"fork":false,"pushed_at":"2025-09-21T13:31:06.000Z","size":1935,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-12T03:00:10.985Z","etag":null,"topics":["ai-ml","portfolio","professional-website","react","responsive-design","software-engineering","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://abirchebbi-portfolio.vercel.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/abirchebbi45.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-20T21:29:31.000Z","updated_at":"2025-09-21T18:16:10.000Z","dependencies_parsed_at":"2025-09-21T00:24:42.553Z","dependency_job_id":"83788721-1fe0-4082-b11c-8a99396a57f1","html_url":"https://github.com/abirchebbi45/portfolio-website","commit_stats":null,"previous_names":["abirchebbi45/portfolio-website"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/abirchebbi45/portfolio-website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abirchebbi45%2Fportfolio-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abirchebbi45%2Fportfolio-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abirchebbi45%2Fportfolio-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abirchebbi45%2Fportfolio-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/abirchebbi45","download_url":"https://codeload.github.com/abirchebbi45/portfolio-website/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abirchebbi45%2Fportfolio-website/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31915900,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-16T18:22:33.417Z","status":"online","status_checked_at":"2026-04-17T02:00:06.879Z","response_time":62,"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":["ai-ml","portfolio","professional-website","react","responsive-design","software-engineering","tailwindcss","typescript"],"created_at":"2025-10-12T02:59:22.180Z","updated_at":"2026-04-17T05:02:24.898Z","avatar_url":"https://github.com/abirchebbi45.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀 Portfolio Website - Abir Chebbi\n\n[![Live Demo](https://img.shields.io/badge/Live-Demo-success?style=for-the-badge)](https://abirchebbi-portfolio.vercel.app/)\n[![GitHub](https://img.shields.io/badge/GitHub-Repository-black?style=for-the-badge\u0026logo=github)](https://github.com/abirchebbi45/portfolio-website)\n[![License](https://img.shields.io/badge/License-MIT-blue?style=for-the-badge)](LICENSE)\n\n\u003e **Professional portfolio website showcasing software engineering and AI/ML expertise. Built with modern web technologies featuring responsive design, smooth navigation, and clean presentation of experience, projects, skills, and contact information.**\n\n## 👨‍💻 About\n\nThis is the personal portfolio website of **Abir Chebbi**, a Software Engineer and AI/ML Specialist from Tunisia. The website presents a comprehensive overview of professional experience, technical skills, projects, and achievements in an elegant and user-friendly interface.\n\n## ✨ Features\n\n- 🎨 **Modern \u0026 Responsive Design** - Optimized for all device sizes\n- ⚡ **Fast Performance** - Built with Vite for lightning-fast loading\n- 🌙 **Dark/Light Theme** - Toggle between themes for better user experience\n- 📱 **Mobile-First Approach** - Seamless experience across all devices\n- 🎯 **Interactive Navigation** - Smooth scrolling and intuitive user interface\n- 📊 **Dynamic Content** - Real-time data rendering with React\n- 🔒 **Type Safety** - Full TypeScript implementation\n- 🎭 **Smooth Animations** - Enhanced with Framer Motion\n- 📧 **Contact Integration** - Direct communication capabilities\n\n## 🛠️ Tech Stack\n\n### Frontend\n- **React 18** - Modern UI library with hooks\n- **TypeScript** - Type-safe JavaScript development\n- **Tailwind CSS** - Utility-first CSS framework\n- **Framer Motion** - Production-ready motion library\n- **Lucide React** - Beautiful \u0026 customizable icons\n- **React Hook Form** - Performant forms with easy validation\n\n### Backend \u0026 Infrastructure\n- **Express.js** - Fast, unopinionated web framework\n- **Node.js** - JavaScript runtime environment\n- **Drizzle ORM** - Lightweight TypeScript ORM\n- **PostgreSQL** - Robust relational database\n- **Vite** - Next generation frontend tooling\n\n### Development Tools\n- **ESBuild** - Extremely fast JavaScript bundler\n- **PostCSS** - Tool for transforming CSS\n- **Cross-env** - Cross-platform environment variables\n- **TSX** - TypeScript execute for Node.js\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n- **Node.js** (v18 or higher)\n- **npm** or **yarn**\n- **Git**\n\n### Installation\n\n1. **Clone the repository**\n   ```bash\n   git clone https://github.com/abirchebbi45/portfolio-website.git\n   cd portfolio-website\n   ```\n\n2. **Install dependencies**\n   ```bash\n   npm install\n   ```\n\n3. **Set up environment variables**\n   ```bash\n   cp .env.example .env\n   # Fill in your environment variables\n   ```\n\n4. **Start development server**\n   ```bash\n   npm run dev\n   ```\n\n5. **Open your browser**\n   ```\n   http://localhost:5000\n   ```\n\n## 📜 Available Scripts\n\n```bash\n# Development\nnpm run dev          # Start development server\nnpm run check        # Type check with TypeScript\n\n# Production\nnpm run build        # Build for production\nnpm start           # Start production server\n\n# Database\nnpm run db:push     # Push database schema changes\n```\n\n## 🏗️ Project Structure\n\n```\nportfolio-website/\n├── client/                 # Frontend React application\n│   ├── src/\n│   │   ├── components/     # Reusable UI components\n│   │   ├── pages/         # Page components\n│   │   ├── data/          # Portfolio data and types\n│   │   ├── hooks/         # Custom React hooks\n│   │   └── lib/           # Utility functions\n│   └── index.html         # Entry HTML file\n├── server/                # Backend Express application\n│   ├── index.ts          # Server entry point\n│   ├── routes.ts         # API routes\n│   └── storage.ts        # Database configuration\n├── shared/                # Shared types and schemas\n└── attached_assets/       # Static assets and media\n```\n\n## 🎯 Key Sections\n\n### 🏠 **Hero Section**\n- Professional introduction\n- Call-to-action buttons\n- Social media links\n\n### 👨‍💻 **About**\n- Professional summary\n- Core specializations\n- Technical expertise areas\n\n### 💼 **Experience**\n- Work history and achievements\n- Project descriptions\n- Technology stacks used\n\n### 🚀 **Projects**\n- Featured projects portfolio\n- Technical implementations\n- Live demos and repositories\n\n### 🎓 **Education**\n- Academic background\n- Certifications\n- Continuous learning\n\n### 🛠️ **Skills**\n- Technical skill categories\n- Proficiency levels\n- Technology expertise\n\n### 📞 **Contact**\n- Professional contact information\n- Direct communication form\n- Social media presence\n\n## 🎨 Design Philosophy\n\n- **Minimalist Aesthetic** - Clean, professional appearance\n- **User-Centric Design** - Intuitive navigation and accessibility\n- **Performance First** - Optimized loading and interactions\n- **Mobile Responsive** - Consistent experience across devices\n- **Professional Branding** - Cohesive visual identity\n\n## 🚀 Deployment\n\n### Production Build\n```bash\nnpm run build\nnpm start\n```\n\n### Environment Variables\n```env\nNODE_ENV=production\nDATABASE_URL=your_database_url\nPORT=5000\n```\n\n## 📊 Performance\n\n- ⚡ **Lighthouse Score**: 95+ across all metrics\n- 🚀 **First Contentful Paint**: \u003c 1.5s\n- 📱 **Mobile Performance**: Optimized for all devices\n- ♿ **Accessibility**: WCAG 2.1 compliant\n\n## 🤝 Contributing\n\nContributions, issues, and feature requests are welcome!\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## 👤 Author\n\n**Abir Chebbi**\n- 💼 **LinkedIn**: [Abir Chebbi](https://linkedin.com/in/abir-chebbi-049119216/)\n- 🐙 **GitHub**: [@abirchebbi45](https://github.com/abirchebbi45)\n- 📧 **Email**: abirc240@gmail.com\n- 📍 **Location**: Sousse, Tunisia\n\n## 🙏 Acknowledgments\n\n- **React Team** for the amazing framework\n- **Tailwind CSS** for the utility-first CSS framework\n- **Vite Team** for the blazing fast build tool\n- **Vercel** for deployment platform\n- **Open Source Community** for inspiration and resources\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\n**[⬆ Back to Top](#-portfolio-website---abir-chebbi)**\n\nMade with ❤️ by [Abir Chebbi](https://github.com/abirchebbi45)\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabirchebbi45%2Fportfolio-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabirchebbi45%2Fportfolio-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabirchebbi45%2Fportfolio-website/lists"}