Repository files navigation

• 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 setBlogData.show_Blog: true insrc/Name.js)
• The website is completely built onreact-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 findsrc/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 explore new technologies and leverage. Apart from that I also love to guide and mentor newbies. I'm currently into Web Development and working on my MERN Website",    Programming: true,  // if true, Show 'Programming' section in home page, if false than not show    developer: true,  // if true, Show 'Full Stack Development' section in home page, if false than not show    designer: true,  // if true, Show 'designer' section in home page, if false than not show    cloud_infra_architecture:true,  // if true, Show 'cloud_infra_architecture' section in home page, if false than not show    data_Science: true,  // if true, Show 'data_Science' section in home page, if false than not show    ml_ai: true,  // if true, Show 'ml_ai' section in home page, if false than not show    Robotic: true,  // if true, Show 'Robotic' section in home page, if false than not show    gamedev: true,  // if true, Show 'gamedev' section in home page, if false than not show};const BlogData = {    // this show your dev.to blog in your Portfolio blog    show_Blog: true,  // if true it Show your DEV.to article in Blog Section, if false than Blog Section(nav) convert to skill Section(nav).    devto_username: "vimal"};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"},.........]

• Using Template
• Using Netfify deploy
• Using Vercel deploy

• Click on Use this template ☝️
• clonegit 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 " tohttps://{your github username}.github.io/{repository name} inpackage.json
• Editsrc/Name.js
• You can check it usingnpm 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
    • Runnpm 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 athttps://{your github username}.github.io/{repository name}.

• 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
• Editsrc/Name.js
• Commit change and push 🎉 Your Portfolio website is ready.🥳

• 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
• Editsrc/Name.js
• Commit change and push 🎉 Your Portfolio website is ready.🥳

Please see ourcontributing.md.

• Master-Portfolio logo Design byVimal.
• Art Customized byVimal and icon by icon8
• contributors image Made withcontributors-img.
• MIT License