{"id":34841322,"url":"https://github.com/tukue/personal-web-refresh","last_synced_at":"2026-04-19T16:02:27.988Z","repository":{"id":316758129,"uuid":"1002623546","full_name":"tukue/personal-web-refresh","owner":"tukue","description":"A responsive and modern portfolio website built with React, TypeScript, and Vite. Showcases projects, skills, and experience as a Fullstack, Backend, and DevOps Developer. Features a contact form (EmailJS), project highlights, and sections for education and professional background. Deployed on Netlify.","archived":false,"fork":false,"pushed_at":"2026-01-23T19:31:45.000Z","size":535,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-01-24T09:16:20.789Z","etag":null,"topics":["fullstackdevelopment","react","typescript"],"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/tukue.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-06-15T21:22:22.000Z","updated_at":"2026-01-23T19:32:00.000Z","dependencies_parsed_at":"2025-09-26T15:25:41.903Z","dependency_job_id":"89b387c6-9675-4d81-bbc4-25ee09f11e9b","html_url":"https://github.com/tukue/personal-web-refresh","commit_stats":null,"previous_names":["tukue/personal-web-refresh"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/tukue/personal-web-refresh","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tukue%2Fpersonal-web-refresh","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tukue%2Fpersonal-web-refresh/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tukue%2Fpersonal-web-refresh/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tukue%2Fpersonal-web-refresh/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tukue","download_url":"https://codeload.github.com/tukue/personal-web-refresh/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tukue%2Fpersonal-web-refresh/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32012787,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T20:23:30.271Z","status":"online","status_checked_at":"2026-04-19T02:00:07.110Z","response_time":55,"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":["fullstackdevelopment","react","typescript"],"created_at":"2025-12-25T17:02:09.829Z","updated_at":"2026-04-19T16:02:27.983Z","avatar_url":"https://github.com/tukue.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Portfolio Website\n\n[![Node.js CI](https://github.com/tukue/personal-web-refresh/actions/workflows/ci.yml/badge.svg)](https://github.com/tukue/personal-web-refresh/actions/workflows/ci.yml)\n\nA modern, responsive portfolio website for Tukue Gebremariam, a DevOps Engineer and Backend Developer.\n\n## Project Overview\n\nThis project showcases my professional experience, projects, skills, and contact information in a clean, modern interface. The site is built with React, TypeScript, and Tailwind CSS using the shadcn/ui component library.\n\n## SEO Highlights\n\n- Updated page title and meta description to align with primary keywords (Senior DevOps Engineer, Backend Developer).\n- Added canonical and robots meta tags, plus Open Graph and Twitter tags for improved social sharing.\n- Optimized the hero H1 to include role-focused keywords for stronger on-page relevance.\n\n## Technologies Used\n\n- **React 18** with TypeScript\n- **Vite** for fast development and optimized builds\n- **Tailwind CSS** for styling\n- **shadcn/ui** components for consistent UI\n- **EmailJS** for contact form functionality\n- **Netlify** for deployment\n\n## Featured Projects\n\nThe portfolio highlights several projects, including:\n\n### DevOps Infrastructure Automation on AWS with Terraform, Ansible, and GitOps Tools\n\nThis repository contains Terraform configurations to automate the deployment of a Jenkins server on AWS. It provisions infrastructure such as VPC, EC2 instances, S3 backend for state management, and Route 53 for domain configuration.\n\n**Key Features:**\n- Automated Jenkins setup and software provisioning with Ansible playbooks\n- Infrastructure as Code using Terraform and Terragrunt\n- Security scanning with Terrascan\n- Remote state management with S3 backend and DynamoDB locking\n- CI/CD pipeline integration\n\nVisit the repository: [terraform-jenkins-aws](https://github.com/tukue/terraform-jenkins-aws)\n\n## Development\n\nTo run this project locally:\n\n```sh\n# Clone the repository\ngit clone https://github.com/tukue/personal-web-refresh.git\n\n# Navigate to the project directory\ncd personal-web-refresh\n\n# Install dependencies\nnpm install\n\n# Start the development server\nnpm run dev\n```\n\n## Deployment with Netlify\n\nThis site is deployed using Netlify for continuous deployment.\n\n### Deployment Steps\n\n1. **Connect your repository to Netlify**:\n   - Create a Netlify account at [netlify.com](https://www.netlify.com/)\n   - Click \"New site from Git\" and select your repository\n   - Configure the build settings:\n     - Build command: `npm run build`\n     - Publish directory: `dist`\n\n2. **Configure environment variables**:\n   - For contact form functionality, add these environment variables in Netlify:\n     - `VITE_EMAILJS_SERVICE_ID`\n     - `VITE_EMAILJS_TEMPLATE_ID`\n     - `VITE_EMAILJS_PUBLIC_KEY`\n     - `VITE_EMAILJS_DESTINATION_EMAIL`\n\n3. **Deploy the site**:\n   - Netlify will automatically build and deploy your site\n   - Each push to the main branch will trigger a new deployment\n\n### Using Netlify CLI\n\nYou can also deploy using the Netlify CLI:\n\n```sh\n# Install Netlify CLI\nnpm install -g netlify-cli\n\n# Login to your Netlify account\nnetlify login\n\n# Initialize Netlify in your project\nnetlify init\n\n# Deploy to production\nnetlify deploy --prod\n```\n\n### Custom Domain Setup\n\nTo connect a custom domain:\n\n1. Go to your site settings in Netlify\n2. Navigate to \"Domain management\" \u003e \"Domains\"\n3. Click \"Add custom domain\"\n4. Follow the instructions to configure your DNS settings\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftukue%2Fpersonal-web-refresh","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftukue%2Fpersonal-web-refresh","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftukue%2Fpersonal-web-refresh/lists"}