{"id":30052277,"url":"https://github.com/devfolorunso/techtransferimagegen","last_synced_at":"2025-08-07T16:56:14.544Z","repository":{"id":303116990,"uuid":"1014003929","full_name":"devfolorunso/TechTransferImageGen","owner":"devfolorunso","description":null,"archived":false,"fork":false,"pushed_at":"2025-07-05T19:45:11.000Z","size":374,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-05T20:30:03.350Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://tech-transfer-image-gen.vercel.app","language":"Python","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/devfolorunso.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-07-04T21:22:53.000Z","updated_at":"2025-07-05T19:45:14.000Z","dependencies_parsed_at":"2025-07-05T20:30:16.687Z","dependency_job_id":null,"html_url":"https://github.com/devfolorunso/TechTransferImageGen","commit_stats":null,"previous_names":["devfolorunso/techtransferimagegen"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/devfolorunso/TechTransferImageGen","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devfolorunso%2FTechTransferImageGen","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devfolorunso%2FTechTransferImageGen/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devfolorunso%2FTechTransferImageGen/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devfolorunso%2FTechTransferImageGen/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devfolorunso","download_url":"https://codeload.github.com/devfolorunso/TechTransferImageGen/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devfolorunso%2FTechTransferImageGen/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269292888,"owners_count":24392505,"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-08-07T02:00:09.698Z","response_time":73,"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":[],"created_at":"2025-08-07T16:56:11.923Z","updated_at":"2025-08-07T16:56:14.515Z","avatar_url":"https://github.com/devfolorunso.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tech Transfer Announcement\n\nA modern web application that allows tech professionals to create professional flyers announcing their career moves between companies. Built with Python Flask backend and React frontend.\n\n## Features\n\n- **Modern UI**: Clean, responsive design with glassmorphism effects\n- **Professional Flyers**: Generate high-quality announcement flyers with company logos\n- **Company Database**: Pre-populated with 80+ major tech companies\n- **Custom Companies**: Add any company not in the predefined list\n- **Logo Integration**: Automatic company logo fetching using Clearbit Logo API\n- **Smart Selectors**: Searchable company dropdowns with logo previews\n- **Custom Typography**: Spicy Rice font integration for eye-catching names\n- **Image Generation**: Automated flyer creation using Python PIL\n- **File Upload**: Support for profile picture uploads\n- **Instant Download**: Download generated flyers as PNG files\n- **Real-time Preview**: See live preview with logos as you fill out the form\n\n## Tech Stack\n\n### Backend\n- **Python 3.8+**\n- **Flask** - Web framework\n- **PIL (Pillow)** - Image processing and generation\n- **Flask-CORS** - Cross-origin resource sharing\n\n### Frontend\n- **React 18** - UI library\n- **Vite** - Build tool and dev server\n- **Tailwind CSS** - Styling framework\n- **Lucide React** - Icon library\n- **Axios** - HTTP client\n\n## Installation\n\n### Prerequisites\n- Python 3.8 or higher\n- Node.js 16 or higher\n- npm or yarn\n\n### Backend Setup\n\n1. **Install Python dependencies**:\n   ```bash\n   pip install -r requirements.txt\n   ```\n\n2. **Start the Flask server**:\n   ```bash\n   cd backend\n   python app.py\n   ```\n\n   The backend will be available at `http://localhost:5000`\n\n### Frontend Setup\n\n1. **Install Node.js dependencies**:\n   ```bash\n   cd frontend\n   npm install\n   ```\n\n2. **Start the development server**:\n   ```bash\n   npm run dev\n   ```\n\n   The frontend will be available at `http://localhost:3000`\n\n## Usage\n\n1. **Open the application** in your browser at `http://localhost:3000`\n\n2. **Fill out the form** with your information:\n   - Full Name\n   - Former Company (dropdown)\n   - New Company (dropdown)\n   - Role/Position\n   - Profile picture (upload)\n\n3. **Generate your flyer** by clicking \"Generate Flyer\"\n\n4. **Download your flyer** once it's generated\n\n### Adding Custom Companies\n\nIf your company isn't in the predefined list:\n\n1. **Click the company dropdown** (Former or New Company)\n2. **Scroll to the bottom** of the dropdown list\n3. **Click \"Add Custom Company\"** (marked with a blue + icon)\n4. **Enter your company name** in the input field\n5. **Click \"Add Company\"** or press Enter\n\nThe application will automatically attempt to find a logo for your custom company using common domain patterns. If no logo is found, the flyer will display the company name without a logo.\n\n## Project Structure\n\n```\nTechTransferAnnouncement/\n├── backend/\n│   ├── app.py              # Flask application\n│   ├── companies.json      # Tech companies database\n│   ├── fonts/              # Downloaded custom fonts (auto-created)\n│   ├── uploads/            # Temporary file uploads\n│   └── generated/          # Generated flyer images\n├── frontend/\n│   ├── src/\n│   │   ├── App.jsx        # Main React component\n│   │   ├── CompanySelector.jsx # Custom company selector component\n│   │   ├── main.jsx       # React entry point\n│   │   └── index.css      # Tailwind CSS styles\n│   ├── public/\n│   ├── index.html         # HTML template\n│   ├── package.json       # Node.js dependencies\n│   ├── vite.config.js     # Vite configuration\n│   └── tailwind.config.js # Tailwind configuration\n├── requirements.txt       # Python dependencies\n└── README.md             # This file\n```\n\n## API Endpoints\n\n### GET /api/companies\nReturns a list of available tech companies with logo URLs for the dropdowns.\n\n**Response:**\n```json\n{\n  \"companies\": [\n    {\n      \"name\": \"Google\",\n      \"domain\": \"google.com\",\n      \"logo\": \"https://logo.clearbit.com/google.com\"\n    },\n    {\n      \"name\": \"Apple\", \n      \"domain\": \"apple.com\",\n      \"logo\": \"https://logo.clearbit.com/apple.com\"\n    },\n    ...\n  ]\n}\n```\n\n### POST /api/generate-flyer\nGenerates a tech transfer announcement flyer.\n\n**Request:** FormData with:\n- `name` (string): Full name\n- `former_company` (string): Former company name\n- `new_company` (string): New company name\n- `role` (string): Job role/position\n- `date` (string): Date of transition\n- `profile_image` (file): Profile picture\n\n**Response:**\n```json\n{\n  \"success\": true,\n  \"image_data\": \"base64_encoded_image_data\",\n  \"filename\": \"generated_filename.png\"\n}\n```\n\n### GET /health\nHealth check endpoint.\n\n**Response:**\n```json\n{\n  \"status\": \"healthy\",\n  \"timestamp\": \"2024-01-01T00:00:00.000000\"\n}\n```\n\n## Customization\n\n### Adding More Companies\nEdit the `backend/companies.json` file to add more companies:\n\n```json\n{\n  \"companies\": [\n    {\"name\": \"Google\", \"domain\": \"google.com\"},\n    {\"name\": \"Apple\", \"domain\": \"apple.com\"},\n    {\"name\": \"YourCompany\", \"domain\": \"yourcompany.com\"},\n    {\"name\": \"AnotherCompany\", \"domain\": \"anothercompany.com\"}\n  ]\n}\n```\n\nThe application automatically loads companies from this JSON file at startup. If the file is missing or corrupted, it will fall back to a basic set of companies.\n\n### Logo Integration\nThe application uses the Clearbit Logo API to automatically fetch company logos:\n- **Free**: No API key required\n- **High Quality**: Vector-based logos when available\n- **Automatic**: Logos are fetched based on company domains\n- **Custom Company Support**: For custom companies, the system tries common domain patterns\n- **Fallback**: If logos fail to load, the interface gracefully degrades\n\n#### Custom Company Logo Fetching\nWhen you add a custom company, the system attempts to find logos by trying common domain patterns:\n1. `companyname.com` (removes spaces, dots, hyphens)\n2. `company-name.com` (spaces become hyphens)\n3. `companyname.io` (for tech startups)\n\nIf a logo is found, it's automatically included in your flyer. If not, the company name appears without a logo.\n\n### Custom Typography\nThe application uses the **Spicy Rice** font from [Google Fonts](https://fonts.googleapis.com/css2?family=Spicy+Rice\u0026display=swap) to make names stand out:\n\n- **Frontend Preview**: Uses web fonts loaded from Google Fonts CDN\n- **Backend Generation**: Automatically downloads and caches the Spicy Rice font file\n- **Fallback Handling**: If font download fails, gracefully falls back to system fonts\n\nThe font is downloaded once on server startup and cached locally for optimal performance.\n\n### Modifying Flyer Design\nEdit the `create_flyer` function in `backend/app.py` to customize:\n- Colors and gradients\n- Font sizes and styles\n- Layout positioning\n- Decorative elements\n\n### Styling Changes\nModify `frontend/src/index.css` and `frontend/tailwind.config.js` to customize:\n- Color schemes\n- Typography\n- Component styles\n- Responsive breakpoints\n\n## Production Deployment\n\n### Backend\n1. Set up a production WSGI server (e.g., Gunicorn)\n2. Configure environment variables\n3. Set up proper file storage\n4. Add proper logging\n\n### Frontend\n1. Build the production bundle:\n   ```bash\n   npm run build\n   ```\n2. Serve the `dist` folder with a web server\n3. Update API endpoints to point to production backend\n\n## Contributing\n\n1. Fork the repository\n2. Create a feature branch\n3. Make your changes\n4. Test thoroughly\n5. Submit a pull request\n\n## License\n\nThis project is open source and available under the MIT License.\n\n## Support\n\nFor issues or questions, please open an issue on the GitHub repository.\n\n---\n\n**Made with ❤️ for the tech community** ","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevfolorunso%2Ftechtransferimagegen","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevfolorunso%2Ftechtransferimagegen","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevfolorunso%2Ftechtransferimagegen/lists"}