Master-Portfolio
- A clean, beautiful, responsive and 100% customizable portfolio template for Developers!
- The website is completely built on
react-js
framework ofjavascript
🔥. - In this project, there are basically Personal Information that you need to change to customize this to anyone else's portfolio
- You will find
src/Name.js
file which contains the complete information about the user. The file looks something like below
-
```
const greeting = {
title: "Your Name",
logo_name: "Name",
subTitle:
"subTitle.",
};
const socialMedia = {
facebook: "Your facebook link",
twitter: "Your twitter link",
instagram: "Your instagram link",
github: "Your github link",
gitlab: "Your gitlab link",
devto: "Your devto link",
mailto: "mailto:Your mail"
};
const about = {
School: "Your School Name",
College: "Your College Name",
university: "Your university Name",
Home: "Your Home city"
};
const projects = [
{
id: "1",
name: "project 1",
Description: "this is Description",
Code_Link: "this is code link",
Live_link: "this is Live link",
tool_used: "html,css,js",
img: "https://master-portfolio.js.org/src/assets/img/mplogo.png"
},
.........
]
```
You can Customize it to make your own portfolio by Three Method ✏️
Using Template
- Click on Use this template
- clone
git clone https://github.com/{your github username}/{repository name}
- To download required dependencies to your system, navigate to the directory where the cloned repository resides and execute following command:
npm install
- change "homepage " to
https://{your github username}.github.io/{repository name}
inpackage.json
- Edit
src/Name.js
- You can check it using
npm start
, it will open the website locally on your browser. - Commit change and push.
- Once you are done with your setup and have successfully completed all steps above,
- Now you have to deploy that portfolio website
- You can use Netlify, Vercel & gh-pages
- To deploy by gh-pages
- Run
npm run deploy
to build and create a branch calledgh-pages
. It will push the build files to that branch. - 🎉 Your Portfolio website is ready.🥳 And live at
https://{your github username}.github.io/{repository name}
.
Using Netlify deploy
- Click on Deploy button ☝️
- Click on connect to Github
- Click on Authorize netlify
- Chose a github repository name and click on Save and Deploy
- Your portfolio website is live 🚀
- Those step ☝️ create a repository in your github account, go to that repository
- Edit
src/Name.js
- Commit change and push 🎉 Your Portfolio website is ready.🥳
Using Vercel deploy
- Click on Deploy button ☝️
- Type a Project name and click on continue
- Install Vercel for Github(If not already)
- Chose a github repository name and click on continue
- Verify Framework preset is Create React App and Click on Deploy
- Your portfolio website is live 🚀
- Those step ☝️ create a repository in your github account, go to that repository
- Edit
src/Name.js
- Commit change and push 🎉 Your Portfolio website is ready.🥳
vimal-verma / Master-Portfolio
A clean, beautiful, responsive and 100% customizable portfolio template for Developers!
Master-Portfolio
- A clean, beautiful, responsive and 100% customizable portfolio template for Developers!
- It can List your all Projects & Certificate
- it can Also list your All Dev.to articles Using Api (if you have set
BlogData.show_Blog: true
insrc/Name.js
) - The website is completely built on
react-js
framework ofjavascript
🔥. - In this project, there are basically Personal Information that you need to change to customize this to anyone else's portfolio
- You will find
src/Name.js
file which contains the complete information about the user. The file looks something like below -
…const greeting = { title: "Hi, I'm Your Name" logo_name: "Name", logo_img_show: false, // if true than show image(logo) in home page instant of text(logo) logo_img: "https://master-portfolio.js.org/src/assets/img/mplogo.png", full_name: "your name", email: "email id", subTitle: "I'm a student pursuing {Course} in {department} from {university}. I'm a passionate learner who's always willing to learn and work across technologies and domains. I love to
You can resolve any open issues or add some exciting features to this repository!!!
Thanks
Top comments (2)
How do you make your code expandeable
Using react props, check it on github
vimalverma558 / Master-Portfolio
A clean, beautiful, responsive and 100% customizable portfolio template for Developers!
Master-Portfolio
BlogData.show_Blog: true
insrc/Name.js
)react-js
framework ofjavascript
src/Name.js
file which contains the complete information about the user. The file looks something like below