{"id":13624136,"url":"https://github.com/vimal-verma/Master-Portfolio","last_synced_at":"2025-04-15T20:33:20.503Z","repository":{"id":39016964,"uuid":"287734031","full_name":"vimal-verma/Master-Portfolio","owner":"vimal-verma","description":"A clean, beautiful, responsive and 100% customizable portfolio template for Developers!","archived":false,"fork":false,"pushed_at":"2023-03-05T13:22:54.000Z","size":8022,"stargazers_count":46,"open_issues_count":19,"forks_count":20,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-11-08T12:43:01.939Z","etag":null,"topics":["digitalocean","gh-pages","hacktoberfest","master-portfolio","netlify","portfolio","portfolio-page","portfolio-project","portfolio-site","portfolio-template","portfolio-website","react","template","templates","vercel"],"latest_commit_sha":null,"homepage":"https://master-portfolio.js.org/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vimal-verma.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-08-15T11:31:53.000Z","updated_at":"2023-09-04T22:08:20.000Z","dependencies_parsed_at":"2024-08-01T21:44:30.264Z","dependency_job_id":"63c3d5b6-116b-4a0e-9da3-5e34acc84902","html_url":"https://github.com/vimal-verma/Master-Portfolio","commit_stats":null,"previous_names":[],"tags_count":2,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vimal-verma%2FMaster-Portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vimal-verma%2FMaster-Portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vimal-verma%2FMaster-Portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vimal-verma%2FMaster-Portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vimal-verma","download_url":"https://codeload.github.com/vimal-verma/Master-Portfolio/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249148340,"owners_count":21220518,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["digitalocean","gh-pages","hacktoberfest","master-portfolio","netlify","portfolio","portfolio-page","portfolio-project","portfolio-site","portfolio-template","portfolio-website","react","template","templates","vercel"],"created_at":"2024-08-01T21:01:39.213Z","updated_at":"2025-04-15T20:33:19.503Z","avatar_url":"https://github.com/vimal-verma.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"[![Master-Portfolio](src/assets/img/mplogo.png)](https://github.com/vimal-verma/Master-Portfolio)\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/ff93814b-ada6-4afa-9055-2b35043eb36c/deploy-status)](https://app.netlify.com/sites/vima/deploys)\n[![GitHub forks](https://img.shields.io/github/forks/vimalverma558/Master-Portfolio??style=flat)](https://github.com/vimal-verma/Master-Portfolio/network/members)\n[![GitHub Repo stars](https://img.shields.io/github/stars/vimal-verma/Master-Portfolio??style=flat)](https://github.com/vimalverma558/Master-Portfolio/stargazers)\n[![GitHub](https://img.shields.io/github/license/vimal-verma/Master-portfolio)](https://github.com/vimalverma558/Master-Portfolio/blob/master/LICENSE)\n![GitHub top language](https://img.shields.io/github/languages/top/vimal-verma/master-portfolio)\n![GitHub repo size](https://img.shields.io/github/repo-size/vimal-verma/master-portfolio)\n[![GitHub issues](https://img.shields.io/github/issues/vimal-verma/Master-portfolio)](https://github.com/vimalverma558/Master-Portfolio/issues)\n[![Website](https://img.shields.io/website?url=https%3A%2F%2Fvima.netlify.app%2F)](https://vima.netlify.app/)\n![GitHub package.json dependency version (prod)](https://img.shields.io/github/package-json/dependency-version/vimal-verma/Master-portfolio/react)\n![GitHub package.json dependency version (prod)](https://img.shields.io/github/package-json/dependency-version/vimal-verma/Master-portfolio/gh-pages)\n![GitHub commit activity](https://img.shields.io/github/commit-activity/m/vimal-verma/master-portfolio)\n![GitHub contributors](https://img.shields.io/github/contributors/vimal-verma/master-portfolio)\n[![Run on Repl.it](https://repl.it/badge/github/vimal-verma/Master-Portfolio)](https://repl.it/github/vimalverma558/Master-Portfolio)\n\n[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vimal-verma/Master-Portfolio)\n[![Website](https://img.shields.io/website?style=for-the-badge\u0026up_message=Demo\u0026url=https%3A%2F%2Fvima.netlify.app%2F)](https://vima.netlify.app/)\n[![Website](https://img.shields.io/website?style=for-the-badge\u0026up_message=Blog\u0026url=https%3A%2F%2Fvima.netlify.app%2F)](https://dev.letskhabar.com/post/master-portfolio)\n\n\n\n\n# Master-Portfolio\n- A clean, beautiful, responsive and 100% customizable portfolio template for Developers!\n- It can List your all Projects \u0026 Certificate\n- it can Also list your All Dev.to articles Using Api (if you have set `BlogData.show_Blog: true` in `src/Name.js`)\n- The website is completely built on `react-js` framework of `javascript`🔥.\n- In this project, there are basically Personal Information that you need to change to customize this to anyone else's portfolio\n- You will find `src/Name.js` file which contains the complete information about the user. The file looks something like below\n- \n    ``` \n    const greeting = {\n        title: \"Hi, I'm Your Name\",\n        logo_name: \"Name\",\n        logo_img_show: false, // if true than show image(logo) in home page instant of text(logo)\n        logo_img: \"https://master-portfolio.js.org/src/assets/img/mplogo.png\",\n        full_name: \"your name\",\n        email: \"email id\",\n        subTitle:\n        \"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\",\n        Programming: true,  // if true, Show 'Programming' section in home page, if false than not show\n        developer: true,  // if true, Show 'Full Stack Development' section in home page, if false than not show\n        designer: true,  // if true, Show 'designer' section in home page, if false than not show\n        cloud_infra_architecture:true,  // if true, Show 'cloud_infra_architecture' section in home page, if false than not show\n        data_Science: true,  // if true, Show 'data_Science' section in home page, if false than not show\n        ml_ai: true,  // if true, Show 'ml_ai' section in home page, if false than not show\n        Robotic: true,  // if true, Show 'Robotic' section in home page, if false than not show\n        gamedev: true,  // if true, Show 'gamedev' section in home page, if false than not show\n    };\n    const BlogData = {\n        // this show your dev.to blog in your Portfolio blog\n        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).\n        devto_username: \"vimal\"\n    };\n    const socialMedia = {\n        facebook: \"Your facebook link\",\n        twitter: \"Your twitter link\",\n        instagram: \"Your instagram link\",\n        github: \"Your github link\",\n        gitlab: \"Your gitlab link\",\n        devto: \"Your devto link\",\n        mailto: \"mailto:Your mail\"\n    };\n    const about = {\n        School: \"Your School Name\",\n        College: \"Your College Name\",\n        university: \"Your university Name\",\n        Home: \"Your Home city\"\n    };\n    const projects = [\n    {\n        id: \"1\",\n        name: \"project 1\",\n        Description: \"this is Description\",\n        Code_Link: \"this is code link\",\n        Live_link: \"this is Live link\",\n        tool_used: \"html,css,js\", \n        img: \"https://master-portfolio.js.org/src/assets/img/mplogo.png\"\n    },\n    .........\n    ]\n    ```\n[![Master-Portfolio](src/assets/img/mp-web.png)](https://vima.netlify.app/)\n[![Website](https://img.shields.io/website?style=for-the-badge\u0026up_message=Demo\u0026url=https%3A%2F%2Fvima.netlify.app%2F)](https://vima.netlify.app/)\n[![Website](https://img.shields.io/website?style=for-the-badge\u0026up_message=Blog\u0026url=https%3A%2F%2Fvima.netlify.app%2F)](https://dev.letskhabar.com/post/master-portfolio)\n\n\n\n\n# You can Customize it to make your own portfolio by Three Method ✏️\n- [Using Template](#using-template)\n- [Using Netfify deploy](#using-netlify-deploy)\n- [Using Vercel deploy](#using-vercel-deploy)\n\n![github](src/assets/img/github.png)\n\n## Using Template\n- Click on Use this template ☝️\n- clone `git clone https://github.com/{your github username}/{repository name}`\n- To download required dependencies to your system, navigate to the directory where the cloned repository resides and execute following command: `npm install`\n- change \"homepage \" to `https://{your github username}.github.io/{repository name}` in `package.json` \n- Edit `src/Name.js` \n- You can check it using `npm start`, it will open the website locally on your browser.\n- Commit change and push.\n- Once you are done with your setup and have successfully completed all steps above, \n- ### Now you have to deploy that portfolio website\n  - You can use Netlify, Vercel \u0026 gh-pages\n  - To deploy by gh-pages\n    - Run `npm run deploy` to build and create a branch called `gh-pages`. It will push the build files to that branch.\n    -  🎉 Your Portfolio website is ready.🥳 And live at `https://{your github username}.github.io/{repository name}`.\n\n\n\n## Using Netlify deploy\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/vimalverma558/Master-Portfolio)\n- Click on Deploy button ☝️\n- \u003cdetails\u003e\n  \u003csummary\u003eClick on connect to Github\u003c/summary\u003e\n  \u003cimg alt=\"m1\" src=\"src/assets/img/m1.png\" /\u003e\n  \u003c/details\u003e\n- \u003cdetails\u003e\n  \u003csummary\u003eClick on Authorize netlify\u003c/summary\u003e\n  \u003cimg alt=\"m2\" src=\"src/assets/img/m2.png\" /\u003e\n  \u003c/details\u003e\n- \u003cdetails\u003e\n  \u003csummary\u003eChose a github repository name and click on Save and Deploy\u003c/summary\u003e\n  \u003cimg alt=\"m3\" src=\"src/assets/img/m3.png\" /\u003e\n  \u003c/details\u003e\n- \u003cdetails\u003e\n  \u003csummary\u003eYour portfolio website is live 🚀\u003c/summary\u003e\n  \u003cimg alt=\"m4\" src=\"src/assets/img/m4.png\" /\u003e\n  \u003c/details\u003e \n- Those step ☝️ create a repository in your github account, go to that repository\n- Edit `src/Name.js` \n- Commit change and push 🎉 Your Portfolio website is ready.🥳\n\n\n## Using Vercel deploy\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%vimal-verma%2FMaster-Portfolio)\n- Click on Deploy button ☝️\n- \u003cdetails\u003e\n  \u003csummary\u003eType a Project name and click on continue\u003c/summary\u003e\n  \u003cimg alt=\"m1\" src=\"src/assets/img/v1.png\" /\u003e\n  \u003c/details\u003e\n- \u003cdetails\u003e\n  \u003csummary\u003eInstall Vercel for Github(If not already) \u003c/summary\u003e\n  \u003cimg alt=\"m2\" src=\"src/assets/img/v2.png\" /\u003e\n  \u003c/details\u003e\n- \u003cdetails\u003e\n  \u003csummary\u003eChose a github repository name and click on continue\u003c/summary\u003e\n  \u003cimg alt=\"m3\" src=\"src/assets/img/v3.png\" /\u003e\n  \u003c/details\u003e\n- \u003cdetails\u003e\n  \u003csummary\u003eVerify Framework preset is Create React App and Click on Deploy\u003c/summary\u003e\n  \u003cimg alt=\"m4\" src=\"src/assets/img/v4.png\" /\u003e\n  \u003c/details\u003e \n- \u003cdetails\u003e\n  \u003csummary\u003eYour portfolio website is live 🚀\u003c/summary\u003e\n  \u003cimg alt=\"m4\" src=\"src/assets/img/v5.png\" /\u003e\n  \u003c/details\u003e \n- Those step ☝️ create a repository in your github account, go to that repository\n- Edit `src/Name.js` \n- Commit change and push 🎉 Your Portfolio website is ready.🥳\n\n\n\n\n## Contributing\nPlease see our [contributing.md](./CONTRIBUTING.md).\n\n\n\n\n## Awesome contributors ✨\n\n\u003ca href=\"https://github.com/vimal-verma/Master-Portfolio/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contributors-img.web.app/image?repo=vimal-verma/Master-Portfolio\" /\u003e\n\u003c/a\u003e\n\n\n\n## References 👏🏻\n- Master-Portfolio logo Design by [Vimal](https://github.com/vimal-verma).\n- Art Customized by [Vimal](https://github.com/vimal-verma) and icon by icon8\n- contributors image Made with [contributors-img](https://contributors-img.web.app).\n- MIT License \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvimal-verma%2FMaster-Portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvimal-verma%2FMaster-Portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvimal-verma%2FMaster-Portfolio/lists"}