{"id":27404432,"url":"https://github.com/gariffon/web_portfolio","last_synced_at":"2025-04-14T05:29:14.921Z","repository":{"id":287721923,"uuid":"965597499","full_name":"GariFFon/Web_PortFolio","owner":"GariFFon","description":"A personal web portfolio showcasing my profile, projects, education, and experience. Built to highlight my skills, journey, and achievements in web development and programming.","archived":false,"fork":false,"pushed_at":"2025-04-13T14:47:33.000Z","size":8723,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-13T15:26:33.855Z","etag":null,"topics":["css","javascript","shell","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/GariFFon.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-04-13T14:12:23.000Z","updated_at":"2025-04-13T14:47:37.000Z","dependencies_parsed_at":"2025-04-13T15:37:09.575Z","dependency_job_id":null,"html_url":"https://github.com/GariFFon/Web_PortFolio","commit_stats":null,"previous_names":["gariffon/web_portfolio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GariFFon%2FWeb_PortFolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GariFFon%2FWeb_PortFolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GariFFon%2FWeb_PortFolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GariFFon%2FWeb_PortFolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GariFFon","download_url":"https://codeload.github.com/GariFFon/Web_PortFolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248826327,"owners_count":21167663,"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":["css","javascript","shell","typescript"],"created_at":"2025-04-14T05:29:14.347Z","updated_at":"2025-04-14T05:29:14.916Z","avatar_url":"https://github.com/GariFFon.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Web_PortFolio\n\nA modern, responsive portfolio website showcasing the skills, projects, and professional journey of Gourav Dash (GariFFon).\n\n## Features\n\n- **Modern Design**: Dark gradient theme with color accents and minimalist UI\n- **Responsive Layout**: Optimized for all devices (mobile, tablet, desktop)\n- **Interactive Elements**: Smooth animations and transitions using Framer Motion\n- **Dynamic Content**: Integration with GitHub API to showcase latest projects\n- **Professional Contact Form**: Easy way for visitors to get in touch\n- **SEO Optimized**: Built with Next.js for better search engine visibility\n\n## Sections\n\n1. **Home/Landing**: Animated introduction with personal branding\n2. **About**: Personal journey, skills, and development philosophy\n3. **Projects**: Showcase of portfolio projects with descriptions and links\n4. **Timeline**: Education and professional experience\n5. **Contact**: Contact form and professional links\n\n## Tech Stack\n\n- **Framework**: Next.js with TypeScript\n- **Styling**: Tailwind CSS\n- **Animations**: Framer Motion\n- **Icons**: React Icons\n- **API Integration**: GitHub API for project showcase\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js (v14 or later)\n- npm or yarn\n\n### Installation\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/GariFFon/Web_PortFolio.git\n   cd Web_PortFolio\n   ```\n\n2. Install dependencies:\n   ```bash\n   npm install\n   # or\n   yarn install\n   ```\n\n3. Run the development server:\n   ```bash\n   npm run dev\n   # or\n   yarn dev\n   ```\n\n4. Open your browser and navigate to `http://localhost:3000`\n\n## Customization\n\nTo customize the portfolio for your own use:\n\n1. Update personal information in various components\n2. Replace project data with your own projects\n3. Modify the timeline with your education and experience\n4. Update contact information and social links\n5. Add your own photos and assets in the public directory\n\n### Adding Images\n\nThe portfolio requires several images for personalization:\n\n1. **Profile Photo**: Add your professional headshot to `/public/images/profile.jpg` (recommended size: 400x400px)\n2. **Project Screenshots**: Add screenshots of your projects to `/public/images/projects/` directory\n   - Name them appropriately: `project-1.jpg`, `project-2.jpg`, etc.\n   - Recommended size: 1200x675px (16:9 aspect ratio)\n3. **Favicon**: Replace `/app/favicon.ico` with your personalized icon\n4. **Open Graph Image**: Add a site preview image at `/public/images/og-image.jpg` for better social media sharing\n\nExample of adding images:\n\n```bash\n# Create necessary directories\nmkdir -p public/images/projects\n\n# Add your images\ncp ~/my-photos/headshot.jpg public/images/profile.jpg\ncp ~/my-photos/project-screenshots/*.jpg public/images/projects/\n```\n\n## Deployment\n\nThis portfolio is optimized for deployment on Vercel:\n\n```bash\nnpm run build\n# or\nyarn build\n```\n\nThen deploy to your preferred hosting service.\n\n## License\n\nThis project is licensed under the MIT License.\n\n## Acknowledgements\n\n- Design inspiration from modern portfolio trends\n- Icons from React Icons\n- Animation library by Framer Motion\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgariffon%2Fweb_portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgariffon%2Fweb_portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgariffon%2Fweb_portfolio/lists"}