https://github.com/saqibbedar/reactfolio
Free react portfolio template for developers built with vite and tailwindcss.
https://github.com/saqibbedar/reactfolio
github-template portfolio-generator portfolio-template-free
Last synced: 5 months ago
JSON representation
Free react portfolio template for developers built with vite and tailwindcss.
- Host: GitHub
- URL: https://github.com/saqibbedar/reactfolio
- Owner: saqibbedar
- License: mit
- Created: 2024-09-07T17:41:13.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-12T11:07:30.000Z (12 months ago)
- Last Synced: 2025-04-01T00:39:00.618Z (6 months ago)
- Topics: github-template, portfolio-generator, portfolio-template-free
- Language: JavaScript
- Homepage: https://saqibbedar.github.io/Reactfolio/
- Size: 1.83 MB
- Stars: 1
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: FUNDING.yml
Awesome Lists containing this project
README
Reactfolio. v1.9.0
Designed for developers looking to showcase their work with style and simplicity.
# Reactfolio
**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.
# Quick Demo 🎥
Check out the live demo of the portfolio [here](https://saqibbedar.github.io/Reactfolio/).
# Installation & Setup 🛠️
Follow these steps to create and deploy your portfolio:
## Step 1: Fork and Clone the Repository 📂
To begin, you should fork this repository so you have your own copy of the project.
1. Click the **Fork** button at the top-right corner of this page to create a copy of the repository in your GitHub account.
2. Once the repository is forked, clone it to your local machine by running the following command in your terminal:
```bash
git clone https://github.com/saqibbedar/Reactfolio.git
```
## Step 2: Update [`assets.js`](https://github.com/saqibbedar/Reactfolio/blob/main/src/assets/assets.js) file Data 📝
The main data for the portfolio is located in the `assets.js` file. Open it and replace the dummy data with your actual information:
Here is a basic structure of what you need to update in assets.js`
```js
// Replace dummy values with your actual information.
const AboutPage = {
authorProfile: "Your Profile Image URL",
authorDescription: "A short bio about yourself",
getInTouchUrl: "Your Contact Page URL",
authorName: "Your Name",
profileImgTagLine: "Your Job Title or Tagline",
authorContactMail: "Your Email Address",
authorContactNumber: "Your Phone Number",
};
// Similarly, update other values as needed...
```
## Step 3: Update [`index.html`](https://github.com/saqibbedar/Reactfolio/blob/main/index.html) for SEO Optimization 🔍
To 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:
```html
Your Portfolio Title
```
## Step 4: Push Changes to GitHub 🚀
Once you’ve updated the `index.html` file, you can push your changes to your GitHub repository.
```bash
git add .
git commit -m "Customize portfolio"
git push origin main
```
## Your Portfolio is Live! 🎉
Congratulations! If you followed all the steps correctly, your Portfolio is now live. You can view your portfolio at [`https://.github.io//`](https://.github.io//).
# Community & Feedback 💬
We'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.
[Join the discussion](https://github.com/saqibbedar/Reactfolio/discussions)
By participating in the discussions, you’ll help shape the future of Reactfolio. Feel free to start a new conversation or respond to existing ones!
If 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.
# Contributing 🤝
We 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.
Feel 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.
For more details read [Contribution guidelines](./CONTRIBUTING.md) in detail.
Join us in making this project better and get your contributions recognized!
# Support Project ❤️
This 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!
