{"id":23165119,"url":"https://github.com/saqibbedar/reactfolio","last_synced_at":"2025-05-12T16:41:27.051Z","repository":{"id":255900189,"uuid":"853846400","full_name":"saqibbedar/Reactfolio","owner":"saqibbedar","description":"Free react portfolio template for developers built with vite and tailwindcss. ","archived":false,"fork":false,"pushed_at":"2024-10-12T11:07:30.000Z","size":1917,"stargazers_count":1,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-01T00:39:00.618Z","etag":null,"topics":["github-template","portfolio-generator","portfolio-template-free"],"latest_commit_sha":null,"homepage":"https://saqibbedar.github.io/Reactfolio/","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/saqibbedar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":"FUNDING.yml","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},"funding":{"github":["saqibbedar"],"buy_me_a_coffee":"saqibbedar"}},"created_at":"2024-09-07T17:41:13.000Z","updated_at":"2025-02-15T12:30:17.000Z","dependencies_parsed_at":"2024-09-13T22:30:30.948Z","dependency_job_id":"abb0c48a-04a8-4d0a-8240-9015249ca941","html_url":"https://github.com/saqibbedar/Reactfolio","commit_stats":null,"previous_names":["saqibbedar/reactfolio"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saqibbedar%2FReactfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saqibbedar%2FReactfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saqibbedar%2FReactfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saqibbedar%2FReactfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saqibbedar","download_url":"https://codeload.github.com/saqibbedar/Reactfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253778182,"owners_count":21962822,"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":["github-template","portfolio-generator","portfolio-template-free"],"created_at":"2024-12-18T01:15:12.412Z","updated_at":"2025-05-12T16:41:27.031Z","avatar_url":"https://github.com/saqibbedar.png","language":"JavaScript","funding_links":["https://github.com/sponsors/saqibbedar","https://buymeacoffee.com/saqibbedar","https://www.buymeacoffee.com/saqibbedar","https://img.buymeacoffee.com/button-api/?text=Buy"],"categories":[],"sub_categories":[],"readme":"\n\u003cdiv align=\"center\"\u003e\n\u003cspan\u003e\u003ch1\u003e\u003ca href=\"https://saqibbedar.github.io/Reactfolio/\" target=\"_blank\"\u003eReactfolio.\u003c/a\u003e v1.9.0\u003c/h1\u003e\u003c/span\u003e\n\n\u003cspan\u003eDesigned for developers looking to showcase their work with style and simplicity.\u003c/span\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/maintenance-actively--developed-brightgreen.svg\" alt=\"Maintained status\" /\u003e\n    \u003cimg src=\"https://img.shields.io/github/v/release/saqibbedar/Reactfolio.svg\" alt=\"Release badge\" /\u003e\n  \u003cimg src=\"https://img.shields.io/github/stars/saqibbedar/Reactfolio.svg\" alt=\"GitHub stars\" /\u003e\n   \u003cimg src=\"https://img.shields.io/github/forks/saqibbedar/Reactfolio.svg\" alt=\"GitHub forks\" /\u003e\n  \u003cimg src=\"https://img.shields.io/github/issues/saqibbedar/Reactfolio.svg\" alt=\"GitHub issues\" /\u003e\n\u003c/div\u003e\n\n\u003c/div\u003e\n\n\u003c/br\u003e\n\n![Reactfolio Header Image](./public/header.jpg)\n\n# Reactfolio\n\n**Reactfolio** is a customizable portfolio template built with React, Vite, and TailwindCSS. This template allows you to easily create your own developer portfolio for free. It is designed to be flexible and easy to modify, with all the data stored in a single [`assets.js`](https://github.com/saqibbedar/Reactfolio/blob/main/src/assets/assets.js) file.\n\n# Quick Demo 🎥\n\nCheck out the live demo of the portfolio [here](https://saqibbedar.github.io/Reactfolio/).\n\n# Installation \u0026 Setup 🛠️\n\nFollow these steps to create and deploy your portfolio:\n\n## Step 1: Fork and Clone the Repository 📂\n\nTo begin, you should fork this repository so you have your own copy of the project.\n\n1. Click the **Fork** button at the top-right corner of this page to create a copy of the repository in your GitHub account.\n2. Once the repository is forked, clone it to your local machine by running the following command in your terminal:\n\n    ```bash\n    git clone https://github.com/saqibbedar/Reactfolio.git\n    ```\n\n## Step 2: Update [`assets.js`](https://github.com/saqibbedar/Reactfolio/blob/main/src/assets/assets.js) file Data 📝\n\nThe main data for the portfolio is located in the `assets.js` file. Open it and replace the dummy data with your actual information:\n\nHere is a basic structure of what you need to update in assets.js`\n\n```js\n// Replace dummy values with your actual information.\nconst AboutPage = {\n  authorProfile: \"Your Profile Image URL\",\n  authorDescription: \"A short bio about yourself\",\n  getInTouchUrl: \"Your Contact Page URL\",\n  authorName: \"Your Name\",\n  profileImgTagLine: \"Your Job Title or Tagline\",\n  authorContactMail: \"Your Email Address\",\n  authorContactNumber: \"Your Phone Number\",\n};\n\n// Similarly, update other values as needed...\n```\n\n## Step 3: Update [`index.html`](https://github.com/saqibbedar/Reactfolio/blob/main/index.html) for SEO Optimization 🔍\n\nTo improve the SEO of your portfolio, update the `index.html` file with your specific information. Open the `index.html` file and replace the existing values with your own:\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n\u003chead\u003e\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003cmeta name=\"description\" content=\"Your Portfolio Description\"\u003e\n  \u003cmeta name=\"keywords\" content=\"Your, Portfolio, Keywords\"\u003e\n  \u003cmeta name=\"author\" content=\"Your Name\"\u003e\n  \u003ctitle\u003eYour Portfolio Title\u003c/title\u003e\n\n  \u003c!-- Similarly, update other values as needed --\u003e\n\n\u003c/head\u003e\n\u003cbody\u003e\n  \u003cdiv id=\"root\"\u003e\u003c/div\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n\n```\n\n## Step 4: Push Changes to GitHub 🚀\n\nOnce you’ve updated the `index.html` file, you can push your changes to your GitHub repository.\n\n```bash\ngit add .\ngit commit -m \"Customize portfolio\"\ngit push origin main\n```\n\n## Your Portfolio is Live! 🎉\n\nCongratulations! If you followed all the steps correctly, your Portfolio is now live. You can view your portfolio at [`https://\u003cyour-username\u003e.github.io/\u003crepository-name\u003e/`](https://\u003cyour-username\u003e.github.io/\u003crepository-name\u003e/).\n\n# Community \u0026 Feedback 💬\n\nWe'd love to hear from you! Whether you have questions, ideas, or feedback, you can engage with the Reactfolio community in our GitHub Discussions. Share your experience, ask questions, or suggest features.\n\n[Join the discussion](https://github.com/saqibbedar/Reactfolio/discussions)\n\nBy participating in the discussions, you’ll help shape the future of Reactfolio. Feel free to start a new conversation or respond to existing ones!\n\nIf you are facing any issues or errors while creating your portfolio, feel free to ask in the discussion. We are always available to help you with your queries.\n\n# Contributing 🤝\n\nWe welcome contributions from everyone! By contributing to this project, you not only help improve it but also get your contributions recognized on the ORCID platform. I have contributed to this project on [ORCID](https://orcid.org/0009-0006-2554-8074), where it is properly described and cited under software.\n\nFeel free to open issues or submit pull requests. Your contributions will be acknowledged, and you can add them to your ORCID profile to showcase your work and gain recognition in the academic and professional community.\n\nFor more details read [Contribution guidelines](./CONTRIBUTING.md) in detail.\n\nJoin us in making this project better and get your contributions recognized!\n\n# Support Project ❤️\n\nThis project is completely free under the [`MIT LICENSE`](https://github.com/saqibbedar/Reactfolio?tab=MIT-1-ov-file). If you’ve found this project helpful and would like to support its development, you can consider buying me a coffee. Your support is greatly appreciated!\n\n\u003cdiv align=\"center\"\u003e\n\u003ca href=\"https://www.buymeacoffee.com/saqibbedar\"\u003e\u003cimg src=\"https://img.buymeacoffee.com/button-api/?text=Buy me a coffee\u0026emoji=\u0026slug=saqibbedar\u0026button_colour=5F7FFF\u0026font_colour=ffffff\u0026font_family=Poppins\u0026outline_colour=000000\u0026coffee_colour=FFDD00\"\u003e\u003c/a\u003e\u003c/div\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaqibbedar%2Freactfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaqibbedar%2Freactfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaqibbedar%2Freactfolio/lists"}