{"id":18875908,"url":"https://github.com/sakilk130/react-portfolio-website","last_synced_at":"2025-04-14T17:31:48.385Z","repository":{"id":114894863,"uuid":"304962607","full_name":"sakilk130/react-portfolio-website","owner":"sakilk130","description":"Personal portfolio website ","archived":false,"fork":false,"pushed_at":"2024-10-15T17:14:59.000Z","size":3834,"stargazers_count":27,"open_issues_count":0,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-10-17T00:11:19.539Z","etag":null,"topics":["best-portfolio-website","javascript","meterial-ui","personal-website","portfoilo","portfolio","portfolio-page","portfolio-site","portfolio-website","react","react-portfolio-template","react-portfolio-website","reactjs","sakilk130"],"latest_commit_sha":null,"homepage":"https://sakilk130.vercel.app/","language":"JavaScript","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/sakilk130.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}},"created_at":"2020-10-17T20:21:59.000Z","updated_at":"2024-10-14T18:04:52.000Z","dependencies_parsed_at":null,"dependency_job_id":"72fd7282-62bb-45d3-9c2a-bedb120565fa","html_url":"https://github.com/sakilk130/react-portfolio-website","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sakilk130%2Freact-portfolio-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sakilk130%2Freact-portfolio-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sakilk130%2Freact-portfolio-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sakilk130%2Freact-portfolio-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sakilk130","download_url":"https://codeload.github.com/sakilk130/react-portfolio-website/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223639335,"owners_count":17177816,"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":["best-portfolio-website","javascript","meterial-ui","personal-website","portfoilo","portfolio","portfolio-page","portfolio-site","portfolio-website","react","react-portfolio-template","react-portfolio-website","reactjs","sakilk130"],"created_at":"2024-11-08T06:09:44.269Z","updated_at":"2024-11-08T06:09:44.881Z","avatar_url":"https://github.com/sakilk130.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e🌟 React Portfolio Website 🌟\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./public/images/sample.png\" alt=\"Portfolio Website Preview\" width=\"600\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./public/images/performance.png\" alt=\"Lighthouse Performance Preview\" width=\"600\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  A highly customizable React-based portfolio template to showcase your skills, projects, and experience. This template features a modern, clean design, responsive layout, and easy-to-edit content, enabling you to highlight your work effectively.  \n  \u003cbr\u003e\u003cbr\u003e\n  🌐 **Live Preview:** [Check out my portfolio](https://sakilk130.vercel.app/)\n\u003c/p\u003e\n\n---\n\n## 🚀 Features\n\n- **Modern \u0026 Clean Design:** Professional and sleek design to make your portfolio stand out.\n- **Responsive Layout:** Optimized for seamless viewing on any device, from desktop to mobile.\n- **Simple Customization:** Tailor the template by easily changing content, colors, fonts, and sections to match your personal brand.\n- **Project, Skills \u0026 Experience Sections:** Highlight your key projects, technical skills, and career journey in structured, easy-to-read sections.\n- **Contact Form Integration:** Let potential collaborators and employers easily connect with you.\n\n---\n\n## 🛠️ Getting Started\n\nFollow the instructions below to set up and customize your own portfolio.\n\n### Prerequisites\n\nMake sure you have the following installed on your local machine:\n\n- **[Node.js](https://nodejs.org)** (v14+ recommended)\n\n### Installation\n\n1. **Clone the repository:**\n\n   ```bash\n   git clone https://github.com/sakilk130/react-portfolio-website.git\n   ```\n\n2. Navigate into the project directory:\n\n   ```bash\n   cd react-portfolio-website\n   ```\n\n3. Install the required dependencies:\n\n   ```bash\n   npm install\n   ```\n\n---\n\n## 🎨 Customization\n\n### 1. Update Content\n\nTo personalize the portfolio with your information:\n\n- Open `src/data/data.js` and replace the placeholder content with your details (projects, skills, experiences, etc.).\n- Replace the images in the `public/images` folder with your own project screenshots or a personal profile photo.\n\n### 2. Modify Appearance\n\n- **Fonts:** Modify fonts by editing the links in `public/index.html` to include your preferred Google Fonts or other font services.\n- **Sections:** You can add, remove, or edit sections by modifying components in the `src/components` folder to fit your portfolio's structure.\n\n---\n\n## 🚧 Development\n\nTo preview and edit the website locally:\n\n1. Start the development server:\n\n   ```bash\n   npm start\n   ```\n\n2. Open your browser and visit **[http://localhost:3000](http://localhost:3000)** to view the site.\n\n---\n\n## 🚢 Deployment\n\nYou can deploy your portfolio using any of the following services:\n\n- **Vercel:** Instant deploy via [Vercel](https://vercel.com/).\n- **Netlify:** Simple CI/CD deployment via [Netlify](https://www.netlify.com/).\n- **GitHub Pages:** Follow the instructions in the [Create React App documentation](https://create-react-app.dev/docs/deployment) for GitHub Pages.\n\n---\n\n## 🤝 Contributing\n\nContributions are welcome! If you encounter any issues or have ideas for improvements, feel free to [open an issue](https://github.com/sakilk130/react-portfolio-website/issues) or submit a pull request. Your feedback is greatly appreciated.\n\n---\n\n## 📄 License\n\nThis project is licensed under the MIT License. Feel free to use and modify it for your own projects.\n\n---\n\nHappy coding! 😊\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsakilk130%2Freact-portfolio-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsakilk130%2Freact-portfolio-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsakilk130%2Freact-portfolio-website/lists"}