{"id":25864139,"url":"https://github.com/sergot/personal-portfolio","last_synced_at":"2026-05-15T05:35:21.904Z","repository":{"id":279944031,"uuid":"940245170","full_name":"sergot/personal-portfolio","owner":"sergot","description":null,"archived":false,"fork":false,"pushed_at":"2025-02-28T17:18:00.000Z","size":182,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-28T17:19:09.477Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://personal-portfolio-sa8i.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sergot.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2025-02-27T21:09:43.000Z","updated_at":"2025-02-28T17:18:03.000Z","dependencies_parsed_at":"2025-02-28T17:19:50.915Z","dependency_job_id":"1e17a9d3-b3eb-4924-91f6-0e90a0dd5413","html_url":"https://github.com/sergot/personal-portfolio","commit_stats":null,"previous_names":["sergot/personal-portfolio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sergot%2Fpersonal-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sergot%2Fpersonal-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sergot%2Fpersonal-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sergot%2Fpersonal-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sergot","download_url":"https://codeload.github.com/sergot/personal-portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241444029,"owners_count":19963749,"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","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-03-02T00:36:28.711Z","updated_at":"2026-05-15T05:35:21.865Z","avatar_url":"https://github.com/sergot.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Portfolio Website\n\nA modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS. Features a clean design with smooth animations, dark mode support, and automatic PDF resume generation.\n\n## Features\n\n- 🎨 Modern and clean design\n- 🌙 Dark mode support with next-themes\n- 📱 Fully responsive layout\n- ⚡ Fast and optimized with Next.js 15\n- 🎭 Smooth animations using Framer Motion\n- 🧩 Interactive components\n- 📝 Contact form with Formspree integration\n- 🎯 SEO friendly with automatic sitemap generation\n- 📄 Automatic PDF resume generation with customizable data\n- 🚀 Easy deployment to Vercel\n\n## Tech Stack\n\n- Next.js 15\n- TypeScript\n- Tailwind CSS\n- Framer Motion\n- React Icons\n- Puppeteer (for PDF resume generation)\n- Font Awesome (for PDF icons)\n- Formspree (for contact form)\n- next-sitemap (for SEO and sitemap generation)\n\n## Getting Started\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/sergot/personal-portfolio.git\n   ```\n\n2. Install dependencies:\n   ```bash\n   npm install\n   ```\n\n3. Set up environment variables:\n   ```bash\n   cp .env.example .env.local\n   ```\n   Edit `.env.local` and add your Formspree ID (see [Environment Variables](#environment-variables) section below).\n\n4. Run the development server:\n   ```bash\n   npm run dev\n   ```\n\n5. Open [http://localhost:3000](http://localhost:3000) in your browser.\n\n## Environment Variables\n\nThe application uses environment variables for configuration. Create a `.env.local` file in the root directory with the following variables:\n\n```\n# Formspree ID for contact form\nNEXT_PUBLIC_FORMSPREE_ID=your-form-id\n\n# Your website URL (for sitemap generation)\nSITE_URL=https://sergot.pl\n```\n\n### Required Environment Variables\n\n| Variable | Description | Example |\n|----------|-------------|---------|\n| `NEXT_PUBLIC_FORMSPREE_ID` | Your Formspree form ID (not the full URL) | `abcdefgh` |\n| `SITE_URL` | Your website URL for sitemap generation | `https://sergot.pl` |\n\n## Customization\n\n### Personal Information\n\nAll personal information is centralized in the `src/data` directory:\n\n1. Update personal info in `src/data/personal.ts`\n2. Modify experience in `src/data/jobs.ts`\n3. Update skills in `src/data/skills.ts`\n4. Edit projects in `src/data/projects.ts`\n\n### Styling\n\nThe website uses Tailwind CSS for styling with dark mode support:\n\n- Colors: Update the color scheme in `tailwind.config.js`\n- Typography: Modify font settings in `src/app/layout.tsx`\n- Dark mode: Customize dark mode colors in `src/app/globals.css`\n- Components: Each component in `src/components` has its own styles\n\n### PDF Resume Generation\n\nThe site includes automatic PDF resume generation:\n\n1. Update the template in `scripts/generate-pdf.ts`\n2. Customize the data in the data files:\n   - Personal information (including website URL) in `src/data/personal.ts`\n   - Experience details in `src/data/jobs.ts`\n   - Skills and categories in `src/data/skills.ts`\n   - Projects (including GitHub links) in `src/data/projects.ts`\n3. Generate a new PDF:\n   ```bash\n   npm run pdf\n   ```\n4. The PDF will be saved to `public/your-name-resume.pdf`\n\n\n### Contact Form\n\nThe contact form is integrated with Formspree:\n\n1. Sign up at [Formspree](https://formspree.io)\n2. Create a new form and get your form ID (the part after `f/` in the endpoint URL)\n3. Add your form ID to `.env.local` as `NEXT_PUBLIC_FORMSPREE_ID=your-form-id`\n4. The form includes:\n   - Name validation\n   - Email validation\n   - Message length requirements\n   - Success/error handling\n   - Loading states\n\n## Project Structure\n\n```\nscripts/              # Utility scripts (PDF generation)\nnext-sitemap.config.js # Sitemap generation configuration\nsrc/\n├── app/                 # Next.js app directory\n├── components/          # React components\n├── data/                # Data files (personal, jobs, skills, projects)\n├── styles/              # Global styles\n└── types/               # TypeScript type definitions\n```\n\n## Deployment\n\nThe website is optimized for deployment on Vercel:\n\n1. Push your code to GitHub\n2. Connect your repository to Vercel\n3. Add environment variables in the Vercel dashboard\n4. Deploy!\n\nAlternative deployment options:\n- Netlify\n- AWS Amplify\n- GitHub Pages\n\n## Scripts\n\n- `npm run dev` - Start development server\n- `npm run build` - Build for production (automatically generates sitemap)\n- `npm run start` - Start production server\n- `npm run pdf` - Generate PDF resume\n- `npm run sitemap` - Generate sitemap manually\n- `npm run lint` - Run ESLint\n- `npm run type-check` - Run TypeScript checks\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsergot%2Fpersonal-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsergot%2Fpersonal-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsergot%2Fpersonal-portfolio/lists"}