Just change src/App.jsx to get your personal portfolio. Feel free to use it as-is or personalize it as much as you want.

If you'd like to contribute and make this much better for other users, have a look at Issues.

Created something awesome for your fork of the portfolio and want to share it? Feel free to open a pull request.

• Sections
• Getting Started
• How to Use
• Change and Customize
• Deployment
• Technologies Used
• Illustrations
• For the Future
• Contributors

✔️ Summary and About me
✔️ Features
✔️ Portfolio
✔️ Resume
✔️ Testimonial
✔️ Pricing
✔️ Blogs
✔️ Footer

To view a live example, click here.

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

You'll need Git and Node.js (which comes with npm) installed on your computer.

[email protected] or higher
[email protected] or higher
[email protected] or higher

From your command line, clone and run techfolio:

# Clone this repository
git clone https://github.com/Mubeen-jawed/Portfolio-Website.git

# Go into the repository
cd techfolio

# Install dependencies
npm install

# Start a local dev server
npm start

## Change and customize every section according to your need.

#### Personalize page content in `/src/portfolio.js` & modify it as per your need. You will also need to modify `index.html` to change the title and metadata to provide accurate SEO for your personal portfolio.

```javascript
/* Change this file to get your Personal Porfolio */

When you are done with the setup, you should host your website online. We highly recommend to read through the Deploying on GitHub Pages docs for React.

First you should enable, GitHub Actions for the repository you use.

The Profile and the Repository information from GitHub is only created at the time of deploy and the site needs to be redeployed if those information needs to be updated. So, a configurable CRON Job is setup which deploys your site every week, so that once you update your profile on GitHub it is shown on your portfolio. You can also trigger it manually using workflow_dispatch event, see this guide on how to do that.

• When you are done with the configuration, we highly recommend to read through the GitHub Actions Configuring a workflow docs.

This section guides you to deploy your portfolio on GitHub pages.

• Navigate to package.json and enter your domain name instead of https://developerfolio.js.org/ in homepage variable. For example, if you want your site to be https://<your-username>.github.io/developerFolio, add the same to the homepage section of package.json.

• In short you can also add /devloperFolio to package.json as both are exactly same. Upon doing so, you tell create-react-app to add the path assets accordingly.

• Optionally, configure the domain. You can configure a custom domain with GitHub Pages by adding a CNAME file to the public/ folder.

• Follow through the guide to setup GitHub pages from the official CRA docs here.

You could also host directly with Netlify by linking your own repository.

For more information, read hosting on Netlify.

• React
• TailwindCss
• react-icons

• UnDraw

If you can help us with these. Please don't hesitate to open a pull request.

• Connect with LinkedIn to get Summary, Skills, Education and Experience

• Move to Gatsby

• Add More Sections

Mubeen Jawed