{"id":22962446,"url":"https://github.com/hhhrrrttt222111/developer-portfolio","last_synced_at":"2025-05-16T07:07:04.575Z","repository":{"id":39606342,"uuid":"390922019","full_name":"hhhrrrttt222111/developer-portfolio","owner":"hhhrrrttt222111","description":null,"archived":false,"fork":false,"pushed_at":"2024-07-30T09:55:22.000Z","size":4148,"stargazers_count":616,"open_issues_count":87,"forks_count":513,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-08T16:09:41.521Z","etag":null,"topics":["developer-portfolio","hacktoberfest","material-ui","online-portfolio","portfolio","portfolio-design","portfolio-site","portfolio-template","portfolio-website","react","react-portfolio","react-template","reactjs","reactjs-template"],"latest_commit_sha":null,"homepage":"https://dev-portfolio-template.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hhhrrrttt222111.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":"2021-07-30T03:51:04.000Z","updated_at":"2025-04-08T08:09:58.000Z","dependencies_parsed_at":"2024-12-28T21:00:53.993Z","dependency_job_id":"46acaea2-f035-4c12-b614-ca76acab7631","html_url":"https://github.com/hhhrrrttt222111/developer-portfolio","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hhhrrrttt222111%2Fdeveloper-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hhhrrrttt222111%2Fdeveloper-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hhhrrrttt222111%2Fdeveloper-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hhhrrrttt222111%2Fdeveloper-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hhhrrrttt222111","download_url":"https://codeload.github.com/hhhrrrttt222111/developer-portfolio/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254485065,"owners_count":22078767,"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":["developer-portfolio","hacktoberfest","material-ui","online-portfolio","portfolio","portfolio-design","portfolio-site","portfolio-template","portfolio-website","react","react-portfolio","react-template","reactjs","reactjs-template"],"created_at":"2024-12-14T19:16:52.523Z","updated_at":"2025-05-16T07:06:59.546Z","avatar_url":"https://github.com/hhhrrrttt222111.png","language":"JavaScript","funding_links":[],"categories":["HarmonyOS"],"sub_categories":["Windows Manager"],"readme":"# Developer Portfolio \n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/PhantomScript/asset-container/b26b0ebaaa13bec7fac796ee0b8296676df6ee0b/developer-portfolio/website.svg\" alt=\"\" width=\"450px\"/\u003e\n\u003c/p\u003e\n\n## Want to create a professional portfolio but cannot figure out how to? Use Developer Portfolio and create your own personalised portfolio today! With multiple themes to choose from, our easily customisable, user friendly website is designed to cater to developers and freelancers alike.\n\n\u003cbr /\u003e\n\n## Table of Contents :scroll:\n- [Sections](#sections-bookmark)\n- [Demo](#demo-movie_camera)\n- [Themes](#themes-art)\n- [Installation](#installation-arrow_down)\n- [Getting Started](#getting-started-dart)\n- [Folder Structure](#folder-structure-open_file_folder)\n- [Usage](#usage-joystick)\n- [Hosting](#hosting-globe_with_meridians)\n- [SEO](#seo-spider)\n- [Packages Used](#packages-used-package)\n- [APIs Used](#apis-used-world_map)\n- [Fonts and Images](#fonts-and-images-performing_arts)\n- [Upcoming Features](#upcoming-features-construction)\n- [Contributors](#contributors-man_technologistwoman_technologist)\n\n\u003cbr /\u003e\u003cbr /\u003e\n\n\n# Sections :bookmark:\n- HOME\n- ABOUT\n- RESUME\n    - EDUCATION\n    - SKILLS\n    - EXPERIENCE\n    - PROJECTS \n    - Achievements \u003cbr /\u003e\n- SERVICES \n    - TESTIMONIALS \u003cbr /\u003e\n- BLOG\n- CONTACTS \n\n\u003cbr /\u003e\u003cbr /\u003e\n\n# Demo :movie_camera:\n![](https://raw.githubusercontent.com/PhantomScript/asset-container/main/developer-portfolio/demo.gif)\n## View live demo [here](https://dev-portfolio-template.netlify.app/).\n\n\u003cbr /\u003e\n\n# Themes :art:\n### Green :green_circle:\n\n\u003cdiv style=\"display: flex; justify-content: space-between;\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/PhantomScript/asset-container/main/developer-portfolio/themes/greenThemeLight.png\" width=\"48%\" alt=\"\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/PhantomScript/asset-container/main/developer-portfolio/themes/greenThemeDark.png\" width=\"48%\" alt=\"\"\u003e\n\u003c/div\u003e\n\u003cbr /\u003e\n\n### Black \u0026 White :black_circle:\n\n\u003cdiv style=\"display: flex; justify-content: space-between;\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/PhantomScript/asset-container/main/developer-portfolio/themes/bwThemeLight.png\" width=\"48%\" alt=\"\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/PhantomScript/asset-container/main/developer-portfolio/themes/bwThemeDark.png\" width=\"48%\" alt=\"\"\u003e\n\u003c/div\u003e\n\u003cbr /\u003e\n\n### Blue :large_blue_circle:\n\n\u003cdiv style=\"display: flex; justify-content: space-between;\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/PhantomScript/asset-container/main/developer-portfolio/themes/blueThemeLight.png\" width=\"48%\" alt=\"\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/PhantomScript/asset-container/main/developer-portfolio/themes/blueThemeDark.png\" width=\"48%\" alt=\"\"\u003e\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n### Red :red_circle:\n\n\u003cdiv style=\"display: flex; justify-content: space-between;\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/PhantomScript/asset-container/main/developer-portfolio/themes/redThemeLight.png\" width=\"48%\" alt=\"\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/PhantomScript/asset-container/main/developer-portfolio/themes/redThemeDark.png\" width=\"48%\" alt=\"\"\u003e\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n### Orange :orange_circle:\n\n\u003cdiv style=\"display: flex; justify-content: space-between;\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/PhantomScript/asset-container/main/developer-portfolio/themes/orangeThemeLight.png\" width=\"48%\" alt=\"\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/PhantomScript/asset-container/main/developer-portfolio/themes/orangeThemeDark.png\" width=\"48%\" alt=\"\"\u003e\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n### Purple :purple_circle:\n\n\u003cdiv style=\"display: flex; justify-content: space-between;\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/PhantomScript/asset-container/main/developer-portfolio/themes/purpleThemeLight.png\" width=\"48%\" alt=\"\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/PhantomScript/asset-container/main/developer-portfolio/themes/purpleThemeDark.png\" width=\"48%\" alt=\"\"\u003e\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n### Pink \n\n\u003cdiv style=\"display: flex; justify-content: space-between;\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/PhantomScript/asset-container/main/developer-portfolio/themes/pinkThemeLight.png\" width=\"48%\" alt=\"\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/PhantomScript/asset-container/main/developer-portfolio/themes/pinkThemeDark.png\" width=\"48%\" alt=\"\"\u003e\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n### Yellow :yellow_circle:\n\n\u003cdiv style=\"display: flex; justify-content: space-between;\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/PhantomScript/asset-container/main/developer-portfolio/themes/yellowThemeLight.png\" width=\"48%\" alt=\"\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/PhantomScript/asset-container/main/developer-portfolio/themes/yellowThemeDark.png\" width=\"48%\" alt=\"\"\u003e\n\u003c/div\u003e\n\n\u003cbr /\u003e \u003cbr /\u003e\n\n# Installation :arrow_down:\n### You will need to download Git and Node to run this project\n\n- [Git](https://git-scm.com/downloads)\n- [Node](https://nodejs.org/en/download/)\n\n## Also check [this](https://reactjs.org/docs/create-a-new-react-app.html) out if you are new to react.\n\n#### Make sure you have the latest version of both Git and Node on your computer.\n\n```\nnode --version\ngit --version\n```\n\n\u003cbr /\u003e\n\n# Getting Started :dart:\n### Fork and Clone the repo\n\n#### To Fork the repo click on the fork button at the top right of the page. Once the repo is forked open your terminal and perform the following commands\n\n```\ngit clone hhttps://github.com/\u003cYOUR GITHUB USERNAME\u003e/developer-portfolio.git\ncd developer-portfolio\n```\n### Install packages from the root directory\n```\nnpm install\n```\n#### or\n```\nyarn install\n```\n### Start the development server\n```\nnpm start\n```\n#### or\n```\nyarn start\n```\n\u003cbr /\u003e\n\n# Folder Structure :open_file_folder:\n\n```bash\n├── LICENSE   \n├── README.md        \n├── package-lock.json\n├── package.json     \n├── public\n│   ├── _redirects   \n│   ├── favicon.ico  \n│   ├── favicon.png\n│   ├── favicon512.png\n│   ├── index.html\n│   ├── manifest.json\n│   └── robots.txt\n├── src\n│   ├── App.css\n│   ├── App.js\n│   ├── assets\n│   │   ├── fonts\n│   │   │   └── Bestermind\n│   │   │       └── BestermindRegular.ttf\n│   │   ├── pdf\n│   │   │   └── resume.pdf\n│   │   └── svg\n│   │       ├── about\n│   │       ├── contacts\n│   │       ├── education\n│   │       ├── experience\n│   │       ├── projects\n│   │       ├── skills\n│   │       ├── social\n│   │       └── testimonials\n│   ├── components\n│   │   ├── About\n│   │   │   ├── About.css\n│   │   │   └── About.js\n│   │   ├── Achievements\n│   │   │   ├── Achievements.css\n│   │   │   └── Achievements.js\n│   │   │   └── AchievementCard.js\n│   │   ├── BackToTop\n│   │   │   ├── BackToTop.css\n│   │   │   └── BackToTop.js\n│   │   ├── Blog\n│   │   │   ├── Blog.css\n│   │   │   ├── Blog.js\n│   │   │   └── SingleBlog\n│   │   │       ├── SingleBlog.css\n│   │   │       └── SingleBlog.js\n│   │   ├── Contacts\n│   │   │   ├── Contacts.css\n│   │   │   └── Contacts.js\n│   │   ├── Education\n│   │   │   ├── Education.css\n│   │   │   ├── Education.js\n│   │   │   └── EducationCard.js\n│   │   ├── Experience\n│   │   │   ├── Experience.css\n│   │   │   ├── Experience.js\n│   │   │   └── ExperienceCard.js\n│   │   ├── Footer\n│   │   │   ├── Footer.css\n│   │   │   └── Footer.js\n│   │   ├── Landing\n│   │   │   ├── Landing.css\n│   │   │   └── Landing.js\n│   │   ├── Navbar\n│   │   │   ├── Navbar.css\n│   │   │   └── Navbar.js\n│   │   ├── Projects\n│   │   │   ├── Projects.css\n│   │   │   ├── Projects.js\n│   │   │   └── SingleProject\n│   │   │       ├── SingleProject.css\n│   │   │       └── SingleProject.js\n│   │   ├── Services\n│   │   │   ├── Services.css\n│   │   │   ├── Services.js\n│   │   │   └── SingleService\n│   │   │       ├── SingleService.css\n│   │   │       └── SingleService.js\n│   │   ├── Skills\n│   │   │   ├── Skills.css\n│   │   │   └── Skills.js\n│   │   ├── Testimonials\n│   │   │   ├── Testimonials.css\n│   │   │   └── Testimonials.js\n│   │   └── index.js\n│   ├── contexts\n│   │   └── ThemeContext.js\n│   ├── data\n│   │   ├── aboutData.js\n│   │   ├── achievementData.js\n│   │   ├── blogData.js\n│   │   ├── contactsData.js\n│   │   ├── educationData.js\n│   │   ├── experienceData.js\n│   │   ├── headerData.js\n│   │   ├── projectsData.js\n│   │   ├── servicesData.js\n│   │   ├── skillsData.js\n│   │   ├── socialsData.js\n│   │   ├── testimonialsData.js\n│   │   └── themeData.js\n│   ├── index.css\n│   ├── index.js\n│   ├── pages\n│   │   ├── Blog\n│   │   │   ├── BlogPage.css\n│   │   │   └── BlogPage.js\n│   │   ├── Main\n│   │   │   └── Main.js\n│   │   ├── Project\n│   │   │   ├── ProjectPage.css\n│   │   │   └── ProjectPage.js\n│   │   └── index.js\n│   ├── reportWebVitals.js\n│   ├── theme\n│   │   ├── images.js\n│   │   └── theme.js\n│   └── utils\n│       ├── ScrollToTop.js\n│       └── skillsImage.js\n└── yarn.lock\n```\n\u003cbr /\u003e\n\n# Usage :joystick:\n### Customize your details for each component in `src/data` [folder](https://github.com/hhhrrrttt222111/developer-portfolio/tree/master/src/data).\n\nEg:\n```javascript\nexport const headerData = {\n    name: '-- YOUR NAME --',\n    title: '-- YOUR TITLE --',\n    desciption:'-- DESCRIPTION --',\n    image: '-- IMAGE --',\n    resumePdf: ''\n}\n\n// You can also import image and PDF from assets as shown below\n\nimport resume from '../assets/pdf/resume.pdf'\nimport profileImg from '../assets/png/profileImg'\n\nexport const headerData = {\n    name: '-- YOUR NAME --',\n    title: '-- YOUR TITLE --',\n    desciption:'-- DESCRIPTION --',\n    image: profileImg,\n    resumePdf: resume\n}\n```\n\n#### Data for each component is divided into respective files.\n\u003e#### Set website theme in [`src/data/themeData.js`](https://github.com/hhhrrrttt222111/developer-portfolio/blob/master/src/data/themeData.js) and choose your favourite font from [`src/App.css`](https://github.com/hhhrrrttt222111/developer-portfolio/blob/master/src/App.css)\n\n\u003e #### About You - [`src/data/aboutData.js`](https://github.com/hhhrrrttt222111/developer-portfolio/blob/master/src/data/aboutData.js)\n\n\u003e #### Education details - [`src/data/educationData.js`](https://github.com/hhhrrrttt222111/developer-portfolio/blob/master/src/data/educationData.js) \n\n\u003e #### Enter your Projects - [`src/data/projectsData.js`](https://github.com/hhhrrrttt222111/developer-portfolio/blob/master/src/data/projectsData.js)\n\n\u003e #### Add your Skills - [`src/data/skillsData.js`](https://github.com/hhhrrrttt222111/developer-portfolio/blob/master/src/data/skillsData.js)\n\n\u003e #### Experience - [`src/data/experienceData.js`](https://github.com/hhhrrrttt222111/developer-portfolio/blob/master/src/data/experienceData.js)\n\n\u003e #### Achievements - [`src/data/achievementData.js`](https://github.com/hhhrrrttt222111/developer-portfolio/blob/master/src/data/achievementData.js)\n\n\u003e #### Services - [`src/data/servicesData.js`](https://github.com/hhhrrrttt222111/developer-portfolio/blob/master/src/data/servicesData.js)\n\n\u003e #### Testimonials - [`src/data/testimonialsData.js`](https://github.com/hhhrrrttt222111/developer-portfolio/blob/master/src/data/testimonialsData.js)\n\n\u003e #### Your Blogs and Articles - [`src/data/blogData.js`](https://github.com/hhhrrrttt222111/developer-portfolio/blob/master/src/data/blogData.js)\n\n\u003e #### Contact Details - [`src/data/contactsData.js`](https://github.com/hhhrrrttt222111/developer-portfolio/blob/master/src/data/contactsData.js)\n\n\u003e #### Social Media Profiles - [`src/data/contactsData.js`](https://github.com/hhhrrrttt222111/developer-portfolio/blob/master/src/data/socialsData.js)\n\n```javascript\n// EXAMPLE\nexport const educationData = [\n    {\n        id: 1,\n        institution: '-- INSTITUTION NAME --',\n        course: '-- COURSE NAME --',\n        startYear: '2017',\n        endYear: '2019'\n    },\n    //\n]\n```\n\n### Instructions and format for each section can be found inside the data files.\n\u003cbr /\u003e\n\n## Setting Up Contacts form :envelope_with_arrow:\n\u003e ### Follow these [instructions](https://github.com/hhhrrrttt222111/developer-portfolio/wiki/Contacts) to connect contacts form with Google Sheet\n\n\u003cbr /\u003e\n\n# Hosting :globe_with_meridians:\n## Netlify\n| Site   | Docs  | Demo  |\n| :-------------: |:-------------: |:-------------: |\n| [Netlify](https://www.netlify.com/) | [3 ways to deploy React apps to Netlify](https://blog.logrocket.com/3-ways-to-deploy-react-apps-to-netlify/) | [Youtube](https://www.youtube.com/watch?v=sGBdp9r2GSg) |\n## Firebase\n| Site   | Docs  | Demo  |\n| :-------------: |:-------------: |:-------------: |\n| [Firebase](https://firebase.google.com/docs/hosting) | [Deploy a React App with Firebase](https://medium.com/swlh/how-to-deploy-a-react-app-with-firebase-hosting-98063c5bf425) | [Youtube](https://www.youtube.com/watch?v=1wZw7RvXPRU) |\n\n\n## Heroku\n| Site   | Docs  | Demo  |\n| :-------------: |:-------------: |:-------------: |\n| [Heroku](https://www.heroku.com/) | [Deploying React App on Heroku from GitHub](https://medium.com/make-it-heady/deploying-create-react-app-on-heroku-from-github-49447561f670) | [Youtube](https://www.youtube.com/watch?v=dn4mmfbletg) |\n\n## Github Pages\n| Site   | Docs  | Demo  |\n| :-------------: |:-------------: |:-------------: |\n| [GitHub Pages](https://pages.github.com/) | [Deploying React App on GitHub Pages from GitHub](https://create-react-app.dev/docs/deployment/#github-pages) | [Youtube](https://youtu.be/F8s4Ng-re0E) |\n\n\u003cbr /\u003e\n\n\n# SEO :spider:\n### Search engine optimization (SEO) is the process of improving the quality and quantity of website traffic to a website or a web page from search engines. \n### Add the below code snippet to `public/index.html` with your site info. This step is not mandatory\n\n\u003cbr /\u003e\n\n```html\n    \u003cmeta name=\"description\" content=\"--- SITE DESCRIPTION ---\" /\u003e\n    \u003cmeta property=\"og:image\" content=\"--- YOUR IMAGE ---\"\u003e\n    \u003cmeta property=\"og:site_name\" content=\"--- YOUR NAME ---\"/\u003e\n    \u003cmeta property=\"og:title\" content=\"--- YOUR NAME ---\"/\u003e\n    \u003cmeta property=\"og:url\" content=\"--- YOUR SITE URL ---\"/\u003e\n    \u003cmeta property=\"og:type\" content=\"website\"/\u003e\n    \u003cmeta property=\"og:description\" content=\"--- SITE DESCRIPTION ---\"/\u003e\n    \u003cmeta property=\"og:locale\" content=\"---  ---\"\u003e\n    \u003cmeta property=\"og:image\" content=\"--- YOUR IMAGE ---\"/\u003e\n    \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n    \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n    \n    \u003cmeta itemprop=\"name\" content=\"--- YOUR NAME ---\"/\u003e\n    \u003cmeta itemprop=\"url\" content=\"--- YOUR SITE URL ---\"/\u003e\n    \u003cmeta itemprop=\"description\" content=\"--- SITE DESCRIPTION ---\"/\u003e\n    \u003cmeta itemprop=\"thumbnailUrl\" content=\"\"/\u003e\n    \u003clink rel=\"image_src\" href=\"--- YOUR IMAGE ---\"/\u003e\n    \u003cmeta itemprop=\"image\" content=\"--- YOUR IMAGE ---\"/\u003e\n    \n    \u003cmeta name=\"twitter:site\" content=\"@--- YOUR TWITTER USERNAME ---\"\u003e\n    \u003cmeta name=\"twitter:creator\" content=\"@--- YOUR TWITTER USERNAME ---\"\u003e\n    \u003cmeta name=\"twitter:url\" content=\"--- YOUR SITE URL ---\"/\u003e\n    \u003cmeta name=\"twitter:title\" content=\"--- YOUR NAME ---\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"--- SITE DESCRIPTION ---\"\u003e\n    \u003cmeta name=\"twitter:image\" content=\"--- YOUR IMAGE ---\"\u003e\n    \u003cmeta name=\"twitter:card\" content=\"summary\"/\u003e\n\n```\n\n\u003cbr /\u003e\n\n# Packages Used :package:\n\n| Client Side Packages  |\n| :-------------: |\n| @material-ui/core  |\n| @material-ui/icons  |\n| axios |\n| react-fast-marquee |\n| react-helmet  |\n| react-icons  |\n| react-reveal |\n| react-router-dom  |\n| react-router-hash-link  |\n| react-slick  |\n| slick-carousel |\n| validator |\n\n\n\u003cbr /\u003e\n\n# APIs Used :world_map:\n- [SheetDB](https://sheetdb.io/)\n\n\n\u003cbr /\u003e\n\n# Fonts and Images :performing_arts:\n\n## Illustrations\n- [Icons8](https://icons8.com/illustrations/styles)\n- [SVG Porn](https://svgporn.com/)\n\n## Icons\n- [Material Icons](https://material-ui.com/components/material-icons/)\n- [React Icons](https://react-icons.github.io/react-icons/)\n\n## Fonts\n- [Poppins](https://fonts.google.com/specimen/Poppins)\n- [Montserrat](https://fonts.google.com/specimen/Montserrat)\n- [Raleway](https://fonts.google.com/specimen/Raleway)\n- [Big Shoulders Text](https://fonts.google.com/specimen/Big+Shoulders+Text)\n- [Bestermind](https://www.dafont.com/bestermind.font)\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\n\u003cbr /\u003e\n\n# Upcoming Features :construction:\n- Light/Dark theme toggle\n- More illustrations to choose from\n- Achievements and Awards section\n- More fonts to choose from\n\n\n\u003cbr /\u003e\u003cbr /\u003e\n\n## Raise an issue for...\n- Found a bug\n- New theme\n- Can't find required skill in Skills section\n- Add new social media profile\n- Add new service\n- Add another section\n\n\n\n\n\n\u003cbr /\u003e\n\n# Contributors :man_technologist::woman_technologist:\n\n\u003cdiv\u003e\n    \u003ctable\u003e\n        \u003ctr\u003e\n            \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/hhhrrrttt222111\"\u003e\u003cimg src=\"https://hhhrrrttt222111.web.app/static/media/dp.5f7c380f.jpeg\" width=\"135px;\" height=\"135px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003cb\u003eHemanth R\u003c/b\u003e\u003c/a\u003e\u003c/td\u003e\n            \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/ShimilSAbraham\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/ShimilSAbraham/Blender_Works/main/profile_shimil.jpeg\" width=\"135px;\" height=\"135px; alt=\"\"/\u003e\u003cbr /\u003e\u003cb\u003eShimil S Abraham\u003c/b\u003e\u003c/a\u003e\u003c/td\u003e\n            \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Gayathry17\"\u003e\u003cimg src=\"https://iamgayathrysuresh.web.app/static/media/gAvatar.37897d13.jpeg\" width=\"135px;\" height=\"135px; alt=\"\"/\u003e\u003cbr /\u003e\u003cb\u003eGayathry S\u003c/b\u003e\u003c/a\u003e\u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/table\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhhhrrrttt222111%2Fdeveloper-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhhhrrrttt222111%2Fdeveloper-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhhhrrrttt222111%2Fdeveloper-portfolio/lists"}