Master-Portfolio :First release

Master-Portfolio

• A clean, beautiful, responsive and 100% customizable portfolio template for Developers!
• The website is completely built on react-js framework of javascript🔥.
• 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
• Using Netlify deploy
• Using Vercel deploy

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} in package.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 called gh-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 in src/Name.js)
• The website is completely built on react-js framework of javascript🔥.
• 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

  …

View on GitHub

You can resolve any open issues or add some exciting features to this repository!!!
Thanks

Comments

[Emmanuel Valverde Ramos]

How do you make your code expandeable

[VIMAL KUMAR]

Using react props, check it on github

vimalverma558 / 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 in src/Name.js)
• The website is completely built on react-js framework of javascript🔥.
• 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: "master-portfolio.js.org/src/assets..."
  
      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

  …

View on GitHub