├── .github
    ├── CODEOWNERS
    ├── FUNDING.yml
    ├── ISSUE_TEMPLATE
    │   ├── bug.yml
    │   ├── config.yml
    │   ├── feature.yml
    │   ├── other.yml
    │   └── profile.yml
    ├── labeler.yml
    └── workflows
    │   ├── author-assign.yml
    │   ├── greetings.yml
    │   ├── jsoncheck.yml
    │   └── labeler.yml
├── 404.html
├── CODE_OF_CONDUCT.md
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── assets
    ├── devprofiles.jpg
    ├── devprofiles_preview.png
    ├── devprofilesicon.png
    └── favicon.ico
├── data.json
├── index.html
├── scripts
    ├── 404.js
    └── app.js
└── styles
    └── style.css


/.github/CODEOWNERS:
--------------------------------------------------------------------------------
1 | * @oyepriyansh
2 | 


--------------------------------------------------------------------------------
/.github/FUNDING.yml:
--------------------------------------------------------------------------------
1 | github: oyepriyansh
2 | buy_me_a_coffee: oyepriyansh
3 | ko_fi: oyepriyansh


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/bug.yml:
--------------------------------------------------------------------------------
 1 | name: "👾 Bug Report"
 2 | description: "File a Bug here to help improve the project."
 3 | title: "Bug: "
 4 | labels: ["bug"]
 5 | body:
 6 |   - type: textarea
 7 |     id: description
 8 |     attributes:
 9 |       label: "Description"
10 |       description: "Please provide a detailed description of the issue."
11 |     validations:
12 |       required: true
13 |   - type: textarea
14 |     id: screenshots
15 |     attributes:
16 |       label: "Screenshots"
17 |       description: "Please add screenshots if applicable."
18 |   - type: dropdown
19 |     id: browsers
20 |     attributes:
21 |       label: "What browsers are you seeing the problem on?"
22 |       multiple: true
23 |       options:
24 |         - "Brave"
25 |         - "Chrome"
26 |         - "Firefox"
27 |         - "Microsoft Edge"
28 |         - "Opera"
29 |         - "Safari"
30 |         - "Other"
31 |   - type: checkboxes
32 |     id: work
33 |     attributes:
34 |       label: "Ready to Work?"
35 |       options:
36 |         - label: "I want to work on this issue"


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/config.yml:
--------------------------------------------------------------------------------
1 | blank_issues_enabled: false
2 | contact_links:
3 |   - name: "❓ Question"
4 |     url: "https://discord.com/invite/AeAjegXn6D"
5 |     about: "Feel free to ask your question on our Discord server."
6 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/feature.yml:
--------------------------------------------------------------------------------
 1 | name: "✨ Feature Request"
 2 | description: "Suggest a feature request"
 3 | title: "feat:"
 4 | labels: ["enhancement"]
 5 | body:
 6 |   - type: textarea
 7 |     id: what-feature
 8 |     attributes:
 9 |       label: "Description"
10 |       description: "Describe your feature request"
11 |     validations:
12 |       required: true
13 |   - type: textarea
14 |     id: screenshots
15 |     attributes:
16 |       label: "Screenshots"
17 |       description: "Please add screenshots if applicable"
18 |     validations:
19 |   - type: checkboxes
20 |     id: work
21 |     attributes:
22 |       label: "Ready to Work?"
23 |       options:
24 |         - label: "I want to work on this issue"


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/other.yml:
--------------------------------------------------------------------------------
 1 | name: "🔶 Other"
 2 | description: "Use this for any other issues. Please do NOT create blank issues."
 3 | labels: ["other"]
 4 | body:
 5 |   - type: markdown
 6 |     attributes:
 7 |       value: "# Other issue"
 8 |   - type: textarea
 9 |     id: issuedescription
10 |     attributes:
11 |       label: "What would you like to share?"
12 |       description: "Provide a clear and concise explanation of your issue."
13 |     validations:
14 |       required: true
15 |   - type: textarea
16 |     id: extrainfo
17 |     attributes:
18 |       label: "Additional information"
19 |       description: "Is there anything else we should know about this issue?"
20 |     validations:
21 |       required: false
22 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/profile.yml:
--------------------------------------------------------------------------------
 1 | name: "🆕 Add Profile "
 2 | description: "Add a new profile on DevProfiles"
 3 | title: "data: profile addition by <your name>"
 4 | labels:
 5 |   - "new profile"
 6 |   - "good first issue"
 7 | body:
 8 |   - type: textarea
 9 |     id: profile-add
10 |     attributes:
11 |       label: "profile"
12 |     validations:
13 |       required: true
14 |   - type: checkboxes
15 |     id: terms
16 |     attributes:
17 |       label: "Ready to Work?"
18 |       options:
19 |         - label: "I want to work on this issue"
20 |           required: true
21 | 


--------------------------------------------------------------------------------
/.github/labeler.yml:
--------------------------------------------------------------------------------
1 | waiting for reviewers:
2 |   - '**/*'


--------------------------------------------------------------------------------
/.github/workflows/author-assign.yml:
--------------------------------------------------------------------------------
 1 | name: 'Author Assign'
 2 | 
 3 | on:
 4 |   pull_request_target:
 5 |     types: [opened, reopened]
 6 | 
 7 | jobs:
 8 |   assign-author:
 9 |     runs-on: ubuntu-latest
10 |     steps:
11 |       - uses: toshimaru/auto-author-assign@v1.1.0
12 |         with:
13 |           repo-token: '${{ secrets.GITHUB_TOKEN }}'


--------------------------------------------------------------------------------
/.github/workflows/greetings.yml:
--------------------------------------------------------------------------------
 1 | name: 'Greetings' 
 2 |   
 3 | on: 
 4 |    fork: 
 5 |    push: 
 6 |      branches: [main] 
 7 |    issues: 
 8 |      types: [opened] 
 9 |    pull_request_target: 
10 |      types: [opened] 
11 |   
12 | jobs: 
13 |    welcome: 
14 |      runs-on: ubuntu-latest 
15 |      steps: 
16 |        - uses: actions/checkout@v1 
17 |        - uses: EddieHubCommunity/gh-action-community/src/welcome@main 
18 |          with: 
19 |            github-token: ${{ secrets.GITHUB_TOKEN }} 
20 |            issue-message: 'Welcome, @${{ github.actor }}! Thanks for raising the issue!'
21 |            pr-message: 'Great job, @${{ github.actor }}! Thanks for creating the pull request!' 
22 |            footer: 'Soon the maintainers/owner will review it and provide you with feedback/suggestions, Make sure to star this awesome repository'


--------------------------------------------------------------------------------
/.github/workflows/jsoncheck.yml:
--------------------------------------------------------------------------------
 1 | name: JSON check
 2 | 
 3 | on:
 4 |   push:
 5 |     paths:
 6 |       - '**.json'
 7 |   pull_request:
 8 | 
 9 | jobs:
10 |   test:
11 |     runs-on: ubuntu-latest
12 |     steps:
13 |       - uses: actions/checkout@v3
14 |       - name: json-syntax-check
15 |         uses: limitusus/json-syntax-check@v2
16 |         with:
17 |           pattern: "\\.json$"


--------------------------------------------------------------------------------
/.github/workflows/labeler.yml:
--------------------------------------------------------------------------------
 1 | name: 'Labeler'
 2 | on:
 3 |   - pull_request_target
 4 | 
 5 | jobs:
 6 |   triage:
 7 |     permissions:
 8 |       contents: read
 9 |       pull-requests: write
10 |     runs-on: ubuntu-latest
11 |     steps:
12 |       - uses: actions/labeler@v4


--------------------------------------------------------------------------------
/404.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>DevProfiles - 404 Not-Found</title><link rel="icon" href="assets/favicon.ico"><div class="flex-center full-height"><div><div id="error_text"><span class="source">404:<span data-l10n>Not Found</span></span><span class="target"></span></div><button onclick='location.href="/"'>Back to Home</button></div></div><script src="/scripts/404.js"></script></html>


--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
  1 | # Contributor Covenant Code of Conduct
  2 | 
  3 | ## Our Pledge
  4 | 
  5 | We as members, contributors, and leaders pledge to make participation in our
  6 | community a harassment-free experience for everyone, regardless of age, body
  7 | size, visible or invisible disability, ethnicity, sex characteristics, gender
  8 | identity and expression, level of experience, education, socio-economic status,
  9 | nationality, personal appearance, race, religion, or sexual identity
 10 | and orientation.
 11 | 
 12 | We pledge to act and interact in ways that contribute to an open, welcoming,
 13 | diverse, inclusive, and healthy community.
 14 | 
 15 | ## Our Standards
 16 | 
 17 | Examples of behavior that contributes to a positive environment for our
 18 | community include:
 19 | 
 20 | * Demonstrating empathy and kindness toward other people
 21 | * Being respectful of differing opinions, viewpoints, and experiences
 22 | * Giving and gracefully accepting constructive feedback
 23 | * Accepting responsibility and apologizing to those affected by our mistakes,
 24 |   and learning from the experience
 25 | * Focusing on what is best not just for us as individuals, but for the
 26 |   overall community
 27 | 
 28 | Examples of unacceptable behavior include:
 29 | 
 30 | * The use of sexualized language or imagery, and sexual attention or
 31 |   advances of any kind
 32 | * Trolling, insulting or derogatory comments, and personal or political attacks
 33 | * Public or private harassment
 34 | * Publishing others' private information, such as a physical or email
 35 |   address, without their explicit permission
 36 | * Other conduct which could reasonably be considered inappropriate in a
 37 |   professional setting
 38 | 
 39 | ## Enforcement Responsibilities
 40 | 
 41 | Community leaders are responsible for clarifying and enforcing our standards of
 42 | acceptable behavior and will take appropriate and fair corrective action in
 43 | response to any behavior that they deem inappropriate, threatening, offensive,
 44 | or harmful.
 45 | 
 46 | Community leaders have the right and responsibility to remove, edit, or reject
 47 | comments, commits, code, wiki edits, issues, and other contributions that are
 48 | not aligned to this Code of Conduct, and will communicate reasons for moderation
 49 | decisions when appropriate.
 50 | 
 51 | ## Scope
 52 | 
 53 | This Code of Conduct applies within all community spaces, and also applies when
 54 | an individual is officially representing the community in public spaces.
 55 | Examples of representing our community include using an official e-mail address,
 56 | posting via an official social media account, or acting as an appointed
 57 | representative at an online or offline event.
 58 | 
 59 | ## Enforcement
 60 | 
 61 | Instances of abusive, harassing, or otherwise unacceptable behavior may be
 62 | reported to the community leaders responsible for enforcement at
 63 | oyepriyansh@duck.com.
 64 | All complaints will be reviewed and investigated promptly and fairly.
 65 | 
 66 | All community leaders are obligated to respect the privacy and security of the
 67 | reporter of any incident.
 68 | 
 69 | ## Enforcement Guidelines
 70 | 
 71 | Community leaders will follow these Community Impact Guidelines in determining
 72 | the consequences for any action they deem in violation of this Code of Conduct:
 73 | 
 74 | ### 1. Correction
 75 | 
 76 | **Community Impact**: Use of inappropriate language or other behavior deemed
 77 | unprofessional or unwelcome in the community.
 78 | 
 79 | **Consequence**: A private, written warning from community leaders, providing
 80 | clarity around the nature of the violation and an explanation of why the
 81 | behavior was inappropriate. A public apology may be requested.
 82 | 
 83 | ### 2. Warning
 84 | 
 85 | **Community Impact**: A violation through a single incident or series
 86 | of actions.
 87 | 
 88 | **Consequence**: A warning with consequences for continued behavior. No
 89 | interaction with the people involved, including unsolicited interaction with
 90 | those enforcing the Code of Conduct, for a specified period of time. This
 91 | includes avoiding interactions in community spaces as well as external channels
 92 | like social media. Violating these terms may lead to a temporary or
 93 | permanent ban.
 94 | 
 95 | ### 3. Temporary Ban
 96 | 
 97 | **Community Impact**: A serious violation of community standards, including
 98 | sustained inappropriate behavior.
 99 | 
100 | **Consequence**: A temporary ban from any sort of interaction or public
101 | communication with the community for a specified period of time. No public or
102 | private interaction with the people involved, including unsolicited interaction
103 | with those enforcing the Code of Conduct, is allowed during this period.
104 | Violating these terms may lead to a permanent ban.
105 | 
106 | ### 4. Permanent Ban
107 | 
108 | **Community Impact**: Demonstrating a pattern of violation of community
109 | standards, including sustained inappropriate behavior,  harassment of an
110 | individual, or aggression toward or disparagement of classes of individuals.
111 | 
112 | **Consequence**: A permanent ban from any sort of public interaction within
113 | the community.
114 | 
115 | ## Attribution
116 | 
117 | This Code of Conduct is adapted from the [Contributor Covenant][homepage],
118 | version 2.0, available at
119 | https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
120 | 
121 | Community Impact Guidelines were inspired by [Mozilla's code of conduct
122 | enforcement ladder](https://github.com/mozilla/diversity).
123 | 
124 | [homepage]: https://www.contributor-covenant.org
125 | 
126 | For answers to common questions about this code of conduct, see the FAQ at
127 | https://www.contributor-covenant.org/faq. Translations are available at
128 | https://www.contributor-covenant.org/translations.
129 | 


--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
 1 | # Contributing to DevProfiles
 2 | 
 3 | ### 1. Forking the Repository
 4 | A fork is a local copy of the repository that is on your GitHub account, and you can make changes on that repository.
 5 | 
 6 | [**Click here to fork the repository.**](https://github.com/oyepriyansh/DevProfiles/fork)
 7 | 
 8 | ### 2. Make changes 
 9 | Now go to the file in which you wanna make changes 
10 | > Below is the example of adding a profile
11 | <details open>
12 |   <summary><h4>eg: Adding a Profile </h4></summary>
13 | 
14 | 
15 | add following JSON code to `data.json` file
16 | 
17 | ```json
18 |   {
19 |     "name": "YOUR_NAME",
20 |     "image": "IMAGE_URL",
21 |     "github": "YOUR GITHUB URL",
22 |     "twitter": "YOUR X/TWITTER URL",
23 |     "linkedin": "YOUR LINKEDIN URL",
24 |     "skills": ["SKILL-1", "SKILL-2", "SKILL-3"]
25 |   }
26 | ```
27 | 
28 | ##### Fill Placeholder
29 | Change/Replace the placeholders with your image and profiles urls
30 |   - [YOUR_NAME] with your name
31 |   - [IMAGE-URL] with your image URL
32 |   - [SKILL-1], [SKILL-2], [SKILL-3] with your skills
33 |   - [YOUR GITHUB URL], [YOUR X/TWITTER URL] & [YOUR LINKEDIN URL] with your Github, X/Twitter & LinkedIn profile URL repectively.
34 | </details >
35 | 
36 | ### 3. Pull Request 
37 | - You can now commit changes to the your forked repository. Once you've made the changes you want, [create a pull request](https://github.com/oyepriyansh/DevProfiles/pulls). 
38 | - Once you have submitted your pull request, it will be reviewed and merged as soon as possible.
39 | 
40 | > [!NOTE]
41 | > **Make sure to add a good PR title**<br>
42 | > example: `data: profile addition by John Doe`<br>
43 | > PS: This one example is only for profile addition
44 | 
45 | > [!WARNING]
46 | > Do not spam the repository with unnecessary PRs. Make sure to follow the project's [Code of Conduct](https://github.com/oyepriyansh/DevProfiles/blob/main/CODE_OF_CONDUCT.md).
47 | 
48 | > [!TIP]
49 | > If you are new to open source contributions, you can refer to [this](https://opensource.guide/how-to-contribute/) guide by GitHub.


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | This is free and unencumbered software released into the public domain.
 2 | 
 3 | Anyone is free to copy, modify, publish, use, compile, sell, or
 4 | distribute this software, either in source code form or as a compiled
 5 | binary, for any purpose, commercial or non-commercial, and by any
 6 | means.
 7 | 
 8 | In jurisdictions that recognize copyright laws, the author or authors
 9 | of this software dedicate any and all copyright interest in the
10 | software to the public domain. We make this dedication for the benefit
11 | of the public at large and to the detriment of our heirs and
12 | successors. We intend this dedication to be an overt act of
13 | relinquishment in perpetuity of all present and future rights to this
14 | software under copyright law.
15 | 
16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
19 | IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
20 | OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
21 | ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
22 | OTHER DEALINGS IN THE SOFTWARE.
23 | 
24 | For more information, please refer to <https://unlicense.org>
25 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <h1 align="center">DevProfiles - List Your Developer Profile.</h1>
 2 | 
 3 | [![](/assets/devprofiles_preview.png)](https://devprofiles.is-an.app)
 4 | 
 5 | ## ❗ About
 6 | 
 7 | DevProfiles is a platform for developers to easily share their profiles, spotlight your skills, and connect with fellow developers in the community.
 8 | 
 9 | ## 💻 Tech Stack
10 | 
11 | 
12 | <img src="https://oyepriyansh.pages.dev/i/s6fs9f.svg">
13 | 
14 | ### Icons
15 | 
16 | - [Font Awesome](https://fontawesome.com/icons)
17 | 
18 | ## 👨‍💻 Contributing
19 | Contributions make the open source community such an amazing place to learn, inspire, and create.<br>
20 | Please see the [CONTRIBUTING.md](https://github.com/oyepriyansh/DevProfiles/blob/main/CONTRIBUTING.md) file for more information.
21 | 
22 | <!-- ### How to add a profile? -->
23 | 
24 | > **Any contributions you make are truly appreciated!**
25 | 
26 | ## 🤝 Thank you, contributors!
27 | <details>
28 |   <summary>Contributors</summary>
29 |     <div>
30 |       <a href="https://github.com/oyepriyansh/DevProfiles/contributors">
31 |       <img src="https://contrib.rocks/image?repo=oyepriyansh/DevProfiles&max=500&columns=8"/>
32 |       </a>
33 |     </div>
34 | </details>
35 | 
36 | Thank you for your valuable contributions to my open source repository!
37 | 
38 | ## 🆘 Need Help?
39 | Join our Discord server for any kind of help. <br>
40 | 
41 | <a href="https://discord.com/invite/AeAjegXn6D">
42 |   <img src="https://invidget.switchblade.xyz/AeAjegXn6D" alt="Discord Server">
43 | </a>
44 | 
45 | ## 🙏 Support
46 | Don't forget to leave a star ⭐
47 | 
48 | <a href="#"> <img src="https://oyepriyansh.pages.dev/i/895dfb4d98fgcf5e.gif" alt="star repo gif"> </a>
49 | 
50 | ## 💳 Author
51 | > <a href="https://oyepriyansh.github.io">Priyansh Prajapat (@oyepriyansh)</a>
52 | 


--------------------------------------------------------------------------------
/assets/devprofiles.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaashu/DevProfiles/263a666a0e93830595b3807738ab6886957b9207/assets/devprofiles.jpg


--------------------------------------------------------------------------------
/assets/devprofiles_preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaashu/DevProfiles/263a666a0e93830595b3807738ab6886957b9207/assets/devprofiles_preview.png


--------------------------------------------------------------------------------
/assets/devprofilesicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaashu/DevProfiles/263a666a0e93830595b3807738ab6886957b9207/assets/devprofilesicon.png


--------------------------------------------------------------------------------
/assets/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaashu/DevProfiles/263a666a0e93830595b3807738ab6886957b9207/assets/favicon.ico


--------------------------------------------------------------------------------
/data.json:
--------------------------------------------------------------------------------
  1 | [
  2 |   {
  3 |     "name": "Zaid Rakhange",
  4 |     "image": "https://avatars.githubusercontent.com/u/156203398?v=4",
  5 |     "github": "https://github.com/zaid-commits",
  6 |     "twitter": "https://x.com/zaid_suiii?s=09",
  7 |     "linkedin": "https://www.linkedin.com/in/zaid-rakhange-47a5b32b1/",
  8 |     "skills": ["Html/Css/Js", "React", "Java","Python","C++","SQL"]
  9 |   },
 10 |   {
 11 |     "name": "Priyansh Prajapat",
 12 |     "image": "https://avatars.githubusercontent.com/u/83062406",
 13 |     "github": "https://github.com/oyepriyansh",
 14 |     "twitter": "https://twitter.com/oyepriyansh",
 15 |     "linkedin": "https://linkedin.com/in/oyepriyansh",
 16 |     "skills": ["Java", "Javascript"]
 17 |   },
 18 |   {
 19 |     "name": "Arman",
 20 |     "image": "https://cdn.arman.is-a.dev/me/avatar.png",
 21 |     "github": "https://github.com/ItzArman09",
 22 |     "twitter": "",
 23 |     "linkedin": "",
 24 |     "skills": ["Javascript", "NextJS", "Python"]
 25 |   },
 26 |   {
 27 |     "name": "Sahil Khan",
 28 |     "image": "https://cdn-sd.pages.dev/img/sahil.jpg",
 29 |     "github": "https://github.com/SpicyDevSahil",
 30 |     "twitter": "",
 31 |     "linkedin": "",
 32 |     "skills": ["HTML", "Javascript", "Python"]
 33 |   },
 34 |   {
 35 |     "name": "Juan Diaz",
 36 |     "image": "https://avatars.githubusercontent.com/u/25883220",
 37 |     "github": "https://github.com/JuanPabloDiaz",
 38 |     "twitter": "https://twitter.com/1diazdev",
 39 |     "linkedin": "https://linkedin.com/in/1diazdev",
 40 |     "skills": ["React", "NextJS", "Javascript"]
 41 |   },
 42 |   {
 43 |     "name": "Gangadhara Rao Ande",
 44 |     "image": "https://res.cloudinary.com/dbbyhhnom/image/upload/v1704722815/Portfolio/photo_q7g756.jpg",
 45 |     "github": "https://github.com/gangadhararaoande",
 46 |     "twitter": "https://twitter.com/Gangadhara18Rao",
 47 |     "linkedin": "https://www.linkedin.com/in/gangadhara-rao-ande",
 48 |     "skills": ["HTML", "CSS", "Javascript", "SQL", "Python"]
 49 |   },
 50 |   {
 51 |     "name": "cvyl / Mikka",
 52 |     "image": "https://avatars.githubusercontent.com/u/38471793",
 53 |     "github": "https://github.com/cvyl",
 54 |     "twitter": "https://cvyl.me",
 55 |     "linkedin": "",
 56 |     "skills": ["Amateur FSD"]
 57 |   },
 58 |   {
 59 |     "name": "Aquul ur Rahman Khan",
 60 |     "image": "https://avatars.githubusercontent.com/u/119236505",
 61 |     "github": "https://github.com/Rahmaaaan",
 62 |     "twitter": "https://twitter.com/therahmaan",
 63 |     "linkedin": "https://www.linkedin.com/in/therahman",
 64 |     "skills": ["Javascript", "Typescript", "React", "Python"]
 65 |   },
 66 |   {
 67 |     "name": "Shrut Sureja",
 68 |     "image": "https://avatars.githubusercontent.com/u/92169549",
 69 |     "github": "https://github.com/shrutsureja",
 70 |     "twitter": "https://twitter.com/shrutsureja",
 71 |     "linkedin": "https://www.linkedin.com/in/shrutsureja",
 72 |     "skills": ["MERN", "NextJS", "LLMops"]
 73 |   },
 74 |   {
 75 |     "name": "Himanshu Chandola",
 76 |     "image": "https://avatars.githubusercontent.com/u/96554303",
 77 |     "github": "https://github.com/himanshuchandola",
 78 |     "twitter": "https://himanshuchandola-portfolio.vercel.app",
 79 |     "linkedin": "https://www.linkedin.com/in/himanshuchandola",
 80 |     "skills": ["Javascript", "React", "NextJS"]
 81 |   },
 82 |   {
 83 |     "name": "Juliana Praxedes",
 84 |     "image": "https://avatars.githubusercontent.com/u/106705490",
 85 |     "github": "https://github.com/praxeds",
 86 |     "twitter": "http://julianapraxedes.com",
 87 |     "linkedin": "https://www.linkedin.com/in/juliana-praxedes",
 88 |     "skills": ["Elixir", "React", "VueJS"]
 89 |   },
 90 |   {
 91 |     "name": "Robert Dixon",
 92 |     "image": "https://avatars.githubusercontent.com/u/79385125",
 93 |     "github": "https://github.com/robsd",
 94 |     "twitter": "https://robertd.co.uk",
 95 |     "linkedin": "https://linkedin.com/in/robstewartdixon",
 96 |     "skills": ["HTML", "CSS", "Javascript", "Python", "PHP", "MySQL"]
 97 |   },
 98 |   {
 99 |     "name": "Hemang Yadav",
100 |     "image": "https://avatars.githubusercontent.com/u/133865660",
101 |     "github": "https://github.com/Zemerik",
102 |     "twitter": "https://twitter.com/ZemerikY",
103 |     "linkedin": "",
104 |     "skills": ["Javascript", "Typescript", "Python", "MongoDB"]
105 |   },
106 |   {
107 |     "name": "Lakshay Joshi",
108 |     "image": "https://avatars.githubusercontent.com/u/89472581",
109 |     "github": "https://github.com/lakshay451",
110 |     "twitter": "",
111 |     "linkedin": "https://www.linkedin.com/in/lakshay-joshi-b9298b201",
112 |     "skills": ["Javascript", "React", "NodeJS", "MERN"]
113 |   },
114 |   {
115 |     "name": "Nelson Uprety",
116 |     "image": "https://avatars.githubusercontent.com/u/25173636",
117 |     "github": "https://github.com/nelsonuprety1",
118 |     "twitter": "",
119 |     "linkedin": "https://www.linkedin.com/in/nelson-uprety-951a2b156",
120 |     "skills": ["HTML/CSS", "Javascript", "React"]
121 |   },
122 |   {
123 |     "name": "Rohit Kumar Dey",
124 |     "image": "https://github-production-user-asset-6210df.s3.amazonaws.com/132741672/273449232-7e57d763-c5b4-46bc-ab28-29c5b68c1a82.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVCODYLSA53PQK4ZA%2F20240620%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240620T150541Z&X-Amz-Expires=300&X-Amz-Signature=fca10a6e659de97552d2a95eb529fee46229dec2ef5105e15488dc3274db7d47&X-Amz-SignedHeaders=host&actor_id=83062406&key_id=0&repo_id=695949186",
125 |     "github": "https://github.com/rohits-web03",
126 |     "twitter": "https://twitter.com/rohits_web",
127 |     "linkedin": "https://www.linkedin.com/in/rohit-kumar-dey-3856891a5",
128 |     "skills": ["MERN", "TailwindCSS", "Javascript", "React"]
129 |   },
130 |   {
131 |     "name": "Ajay Dhangar",
132 |     "image": "https://avatars.githubusercontent.com/u/99037494",
133 |     "github": "https://github.com/Ajay-Dhangar",
134 |     "twitter": "https://twitter.com/AJAYDHA27250016",
135 |     "linkedin": "https://www.linkedin.com/in/ajay-dhangar",
136 |     "skills": ["MERN", "Java"]
137 |   },
138 |   {
139 |     "name": "Rémi JARA",
140 |     "image": "https://avatars.githubusercontent.com/u/82316285",
141 |     "github": "https://github.com/icepick4",
142 |     "twitter": "https://capitalympics.com",
143 |     "linkedin": "https://www.linkedin.com/in/remijara",
144 |     "skills": ["Python", "Typescript", "VueJS", "React", "Java"]
145 |   },
146 |   {
147 |     "name": "Akansh Bende",
148 |     "image": "https://avatars.githubusercontent.com/u/76099756",
149 |     "github": "https://github.com/akanshbende",
150 |     "twitter": "https://twitter.com/akansh_bende",
151 |     "linkedin": "https://www.linkedin.com/in/akansh-bende",
152 |     "skills": ["C++", "Javascript", "React", "TailwindCSS"]
153 |   },
154 |   {
155 |     "name": "Rohit Singh",
156 |     "image": "https://avatars.githubusercontent.com/u/77211013",
157 |     "github": "https://github.com/starohit",
158 |     "twitter": "",
159 |     "linkedin": "https://www.linkedin.com/in/btwitsrohit",
160 |     "skills": ["Java", "Python"]
161 |   },
162 |   {
163 |     "name": "Pradeep Pawar",
164 |     "image": "https://avatars.githubusercontent.com/u/72540482",
165 |     "github": "https://github.com/pradeep8577",
166 |     "twitter": "https://x.com/Pradeep8577",
167 |     "linkedin": "https://linkedin.com/in/pradeep-pawar-6541541aa",
168 |     "skills": ["Javascript", "NodeJS", "Python"]
169 |   },
170 |   {
171 |     "name": "Dev Sanghvi",
172 |     "image": "https://avatars.githubusercontent.com/u/105737978",
173 |     "github": "https://github.com/dev31sanghvi",
174 |     "twitter": "https://twitter.com/DevSanghvi13",
175 |     "linkedin": "https://www.linkedin.com/in/dev-sanghvi-6137401b1",
176 |     "skills": ["React", "Javascript", "NodeJS"]
177 |   },
178 |   {
179 |     "name": "Vishal Kumar",
180 |     "image": "https://avatars.githubusercontent.com/u/57006294",
181 |     "github": "https://github.com/vishalverma9572",
182 |     "twitter": "",
183 |     "linkedin": "https://www.linkedin.com/in/vishal-kumar-375a25250",
184 |     "skills": ["C++", "Python"]
185 |   },
186 |   {
187 |     "name": "Septian Maulana",
188 |     "image": "https://avatars.githubusercontent.com/u/32449344",
189 |     "github": "https://github.com/tianbuyung",
190 |     "twitter": "",
191 |     "linkedin": "https://www.linkedin.com/in/septian-maulana",
192 |     "skills": ["Javascript", "Typescript", "Solidity"]
193 |   },
194 |   {
195 |     "name": "Kumar Shivam",
196 |     "image": "https://avatars.githubusercontent.com/u/88775032",
197 |     "github": "https://github.com/kshivam30",
198 |     "twitter": "",
199 |     "linkedin": "https://www.linkedin.com/in/kumarshivam30",
200 |     "skills": ["C++", "Python", "Javascript", "MERN"]
201 |   },
202 |   {
203 |     "name": "Ashmit Mehta",
204 |     "image": "https://avatars.githubusercontent.com/u/112748790",
205 |     "github": "https://github.com/Ash-codes18",
206 |     "twitter": "https://twitter.com/ashmitMeht18178",
207 |     "linkedin": "https://linkedin.com/in/ashmit-mehta",
208 |     "skills": ["Python", "MySQL", "Javascript"]
209 |   },
210 |   {
211 |     "name": "Priyanshu Singh",
212 |     "image": "https://avatars.githubusercontent.com/u/107869522",
213 |     "github": "https://github.com/Priyanshu-su30",
214 |     "twitter": "",
215 |     "linkedin": "https://www.linkedin.com/in/priyanshu-singh-a7711822b",
216 |     "skills": ["Java", "Python", "Javascript"]
217 |   },
218 |   {
219 |     "name": "Arnab Barua",
220 |     "image": "https://avatars.githubusercontent.com/u/113552756",
221 |     "github": "https://github.com/Arnabhit",
222 |     "twitter": "https://twitter.com/Arnab991",
223 |     "linkedin": "https://www.linkedin.com/in/arnab-barua-a66a4b220",
224 |     "skills": ["AI/ML"]
225 |   },
226 |   {
227 |     "name": "Shail Patel",
228 |     "image": "https://avatars.githubusercontent.com/u/126716491",
229 |     "github": "https://github.com/shail-patel-321",
230 |     "twitter": "",
231 |     "linkedin": "https://www.linkedin.com/in/shail-patel-058200284",
232 |     "skills": ["Linux"]
233 |   },
234 |   {
235 |     "name": "Hitesh Kumar",
236 |     "image": "https://avatars.githubusercontent.com/u/133000424",
237 |     "github": "https://github.com/hiteshverse",
238 |     "twitter": "https://twitter.com/hiteshverse",
239 |     "linkedin": "https://www.linkedin.com/in/hiteshverse",
240 |     "skills": ["HTML", "CSS", "Javascript"]
241 |   },
242 |   {
243 |     "name": "Charles Luguda",
244 |     "image": "https://avatars.githubusercontent.com/u/133863940",
245 |     "github": "https://github.com/charlesluguda",
246 |     "twitter": "https://twitter.com/Luguda2",
247 |     "linkedin": "https://www.linkedin.com/in/charles-luguda-663689214",
248 |     "skills": ["HTML/CSS/JS", "Bootstrap", "Python"]
249 |   },
250 |   {
251 |     "name": "Dheeraj Sara",
252 |     "image": "https://avatars.githubusercontent.com/u/974020",
253 |     "github": "https://github.com/SaranaDheeraj",
254 |     "twitter": "https://twitter.com/DheerajSarana",
255 |     "linkedin": "https://www.linkedin.com/in/sarana-dheeraj-990594228",
256 |     "skills": ["HTML/CSS/JS", "Java"]
257 |   },
258 |   {
259 |     "name": "Rohith Pradeep",
260 |     "image": "https://avatars.githubusercontent.com/u/142139740",
261 |     "github": "https://github.com/ROHITTTTZ",
262 |     "twitter": "",
263 |     "linkedin": "",
264 |     "skills": ["HTML/CSS", "C", "Java"]
265 |   },
266 |   {
267 |     "name": "Joseph Gonzalez",
268 |     "image": "https://avatars.githubusercontent.com/u/29137137",
269 |     "github": "https://github.com/Josephglz",
270 |     "twitter": "https://twitter.com/JosephGlz99",
271 |     "linkedin": "https://www.linkedin.com/in/JosephGlz",
272 |     "skills": ["NodeJS", "Angular", "Flutter"]
273 |   },
274 |     {
275 |     "name": "Aman Pathan",
276 |     "image": "https://avatars.githubusercontent.com/u/76259086",
277 |     "github": "https://github.com/amanpathan",
278 |     "twitter": "https://twitter.com/aman_a_pathan",
279 |     "linkedin": "https://www.linkedin.com/in/aman-pathan-a006ab202",
280 |     "skills": ["MERN", "C++", "Python"]
281 |   },
282 |     {
283 |     "name": "Kishlay Krishna",
284 |     "image": "https://avatars.githubusercontent.com/u/69421373",
285 |     "github": "https://github.com/KrisJarvis",
286 |     "twitter": "https://twitter.com/_Kris_0_0_",
287 |     "linkedin": "https://www.linkedin.com/in/kishlay-krishna-629b90222",
288 |     "skills": ["Javascript", "React", "Python"]
289 |   },
290 |   {
291 |     "name": "Ankit Gadling",
292 |     "image": "https://avatars.githubusercontent.com/u/86833325",
293 |     "github": "https://github.com/ankitgadling",
294 |     "twitter": "",
295 |     "linkedin": "",
296 |     "skills": ["Python", "Django", "Bootstrap"]
297 |   },
298 |   {
299 |     "name": "Maida",
300 |     "image": "https://avatars.githubusercontent.com/u/81500487",
301 |     "github": "https://github.com/maida12",
302 |     "twitter": "",
303 |     "linkedin": "https://pk.linkedin.com/in/maida-shahid-b26710191",
304 |     "skills": ["MERN", "C++", "Javascript"]
305 |   },
306 |   {
307 |     "name": "Abayomi Ogunnusi",
308 |     "image": "https://avatars.githubusercontent.com/u/70065792",
309 |     "github": "https://github.com/drsimplegraffiti",
310 |     "twitter": "https://twitter.com/drsimplegraffi1",
311 |     "linkedin": "https://www.linkedin.com/in/abayomi-ogunnusi-974826141",
312 |     "skills": [".NET", "Javascript", "SQL"]
313 |   },
314 |   {
315 |     "name": "Dhiman Nayak",
316 |     "image": "https://https://avatars.githubusercontent.com/u/121615795",
317 |     "github": "https://www.github.com/Dhiman-Nayak",
318 |     "twitter": "https://twitter.com/DhimanNayak03",
319 |     "linkedin": "https://www.linkedin.com/in/dhimannayak",
320 |     "skills": ["Javascript", "NodeJS", "MongoDB"]
321 |   },
322 |   {
323 |     "name": "Vinay S",
324 |     "image": "https://avatars.githubusercontent.com/u/124019116",
325 |     "github": "https://github.com/vinay-s36",
326 |     "twitter": "",
327 |     "linkedin": "",
328 |     "skills": ["HTML/CSS/JS", "Python", "Java"]
329 |   },
330 |   {
331 |     "name": "Vxnsin",
332 |     "image": "https://avatars.githubusercontent.com/u/51481323",
333 |     "github": "https://github.com/vxnsin",
334 |     "twitter": "https://twitter.com/_Vensin",
335 |     "linkedin": "",
336 |     "skills": ["Java", "MySQL", "Lua"]
337 |   },
338 |   {
339 |     "name": "Afraz Khan",
340 |     "image": "https://avatars.githubusercontent.com/u/60065049",
341 |     "github": "https://github.com/Afraz0Khan",
342 |     "twitter": "",
343 |     "linkedin": "https://www.linkedin.com/in/akhan-swe",
344 |     "skills": ["Spring", "NodeJS", "MongoDB"]
345 |   },
346 |   {
347 |     "name": "Harsh Chauhan",
348 |     "image": "https://avatars.githubusercontent.com/u/112640334",
349 |     "github": "https://github.com/HarshProj",
350 |     "twitter": "https://twitter.com/HarshChauh84647",
351 |     "linkedin": "https://www.linkedin.com/in/harsh-chauhan-0a34b01a0",
352 |     "skills": ["C++", "Javascript"]
353 |   },
354 |   {
355 |     "name": "Gurudayal Maurya",
356 |     "image": "https://cdn.dribbble.com/users/230290/screenshots/14088602/media/53ec8861512124d0f132a3f8b69e6a50.jpg",
357 |     "github": "https://github.com/lucky-89",
358 |     "twitter": "",
359 |     "linkedin": "https://www.linkedin.com/in/gurudayal-maurya-971999242",
360 |     "skills": ["React", "C++", "Python"]
361 |   },
362 |   {
363 |     "name": "Vishal Singh",
364 |     "image": "https://avatars.githubusercontent.com/u/104795331",
365 |     "github": "https://github.com/Vishal35679",
366 |     "twitter": "https://twitter.com/TeslaVishal",
367 |     "linkedin": "https://www.linkedin.com/in/vishalsingh35679",
368 |     "skills": ["C++", "Python", "AI/ML"]
369 |   },
370 |   {
371 |     "name": "Udayan Sharma",
372 |     "image": "https://avatars.githubusercontent.com/u/122338009",
373 |     "github": "https://github.com/hollermay",
374 |     "twitter": "https://twitter.com/UdayanShar29025",
375 |     "linkedin": "https://www.linkedin.com/in/udayan-s-7a8600246",
376 |     "skills": ["Javascript", "AI/ML", "Python"]
377 |   },
378 |   {
379 |     "name": "Olatunji-Aresa Ariyo",
380 |     "image": "https://avatars.githubusercontent.com/u/108690633",
381 |     "github": "https://github.com/ariyoaresa",
382 |     "twitter": "https://x.com/ariyoaresa",
383 |     "linkedin": "https://ng.linkedin.com/in/ariyo-aresa-880921213",
384 |     "skills": ["HTML", "CSS", "Javascript"]
385 |   },
386 |   {
387 |     "name": "Garima",
388 |     "image": "https://avatars.githubusercontent.com/u/110885902",
389 |     "github": "https://github.com/gams0318",
390 |     "twitter": "https://twitter.com/Garima_0318",
391 |     "linkedin": "https://www.linkedin.com/in/garima-joshi-614b38227",
392 |     "skills": ["HTML", "CSS", "React"]
393 |   },
394 |   {
395 |     "name": "Anurag Kumar",
396 |     "image": "https://avatars.githubusercontent.com/u/115798514",
397 |     "github": "https://github.com/anurag21213",
398 |     "twitter": "",
399 |     "linkedin": "https://www.linkedin.com/in/anurag-kumar-057796234?",
400 |     "skills": ["Javascript", "NodeJS", "React"]
401 |   },
402 |   {
403 |     "name": "Sunil",
404 |     "image": "https://avatars.githubusercontent.com/u/37134658",
405 |     "github": "https://github.com/sunildipun",
406 |     "twitter": "https://x.com/last_seen_404",
407 |     "linkedin": "https://www.linkedin.com/in/sunilbehera95",
408 |     "skills": ["HTML/CSS", "Javascript", "React"]
409 |   },
410 |   {
411 |     "name": "Jan-FCloud",
412 |     "image": "https://avatars.githubusercontent.com/u/47220014",
413 |     "github": "https://github.com/Jan-Fcloud",
414 |     "twitter": "",
415 |     "linkedin": "",
416 |     "skills": ["C++", "Javascript", "VR"]
417 |   },
418 |   {
419 |     "name": "Deepak Verma",
420 |     "image": "https://avatars.githubusercontent.com/u/108222277",
421 |     "github": "https://github.com/jerrygood24",
422 |     "twitter": "https://twitter.com/iam_deepak24",
423 |     "linkedin": "https://www.linkedin.com/in/itz-deepak",
424 |     "skills": ["C++", "Javascript", "Python"]
425 |   },
426 |   {
427 |     "name": "Shreyansh Khaitan",
428 |     "image": "https://avatars.githubusercontent.com/u/90243443",
429 |     "github": "https://github.com/shrey141102",
430 |     "twitter": "https://twitter.com/__shrey__14",
431 |     "linkedin": "https://www.linkedin.com/in/shreyansh-khaitan",
432 |     "skills": ["Java", "Python","AI/ML"]
433 |   },
434 |   {
435 |     "name": "Deren Losel",
436 |     "image": "https://avatars.githubusercontent.com/u/146862335",
437 |     "github": "https://github.com/DerenLosel",
438 |     "twitter": "",
439 |     "linkedin": "https://www.linkedin.com/in/DerenLosel",
440 |     "skills": ["Python", "React", "MongoDB"]
441 |   },
442 |   {
443 |     "name": "Piyush",
444 |     "image": "https://avatars.githubusercontent.com/u/83646370",
445 |     "github": "https://github.com/zirea3l",
446 |     "twitter": "https://twitter.com/R1ann0n",
447 |     "linkedin": "https://www.linkedin.com/in/piyush-sharma-zirea3l",
448 |     "skills": ["WebDev"]
449 |   },
450 |   {
451 |     "name": "Sammie",
452 |     "image": "https://avatars.githubusercontent.com/u/125539937",
453 |     "github": "https:/github.com/1AmSammi3",
454 |     "twitter": "https://x.com/1_Am_Sammie",
455 |     "linkedin": "",
456 |     "skills": ["HTML/CSS/JS", "React"]
457 |   },
458 |   {
459 |     "name": "Kirtesh Admute",
460 |     "image": "https://avatars.githubusercontent.com/u/59656771",
461 |     "github": "https://github.com/iKirtesh",
462 |     "twitter": "https://twitter.com/Akirtesh",
463 |     "linkedin": "https://www.linkedin.com/in/iKirtesh",
464 |     "skills": ["Java", "HTML/CSS/JS", "React"]
465 |   },
466 |   {
467 |     "name": "Rushikesh Shelar",
468 |     "image": "https://avatars.githubusercontent.com/u/112684561",
469 |     "github": "https://github.com/RushikeshShelar",
470 |     "twitter": "https://twitter.com/Rushishelar2468",
471 |     "linkedin": "https://www.linkedin.com/in/rushikeshshelar",
472 |     "skills": ["React", "ExpressJS", "MongoDB"]
473 |   },
474 |   {
475 |     "name": "Anurag Srivastav",
476 |     "image": "https://avatars.githubusercontent.com/u/98267696",
477 |     "github": "https://github.com/anurag-327",
478 |     "twitter": "https://twitter.com/itsAnurag_sri",
479 |     "linkedin": "https://www.linkedin.com/in/anuragsr327",
480 |     "skills": ["NextJS", "C++", "ExpressJS"]
481 |   },
482 |   {
483 |     "name": "Ashish Khare",
484 |     "image": "https://avatars.githubusercontent.com/u/44055846",
485 |     "github": "https://github.com/ashishk1331",
486 |     "twitter": "https://twitter.com/AshishK1331",
487 |     "linkedin": "https://www.linkedin.com/in/ashishk1331",
488 |     "skills": ["HTML", "Javascript", "Python"]
489 |   },
490 |   {
491 |     "name": "Khushi Shroff",
492 |     "image": "https://avatars.githubusercontent.com/u/86292101",
493 |     "github": "https://github.com/Ks103",
494 |     "twitter": "https://twitter.com/khushishroff2",
495 |     "linkedin": "https://www.linkedin.com/in/khushi-shroff-70b049211",
496 |     "skills": ["HTML/CSS/JS", "UI/UX", "React"]
497 |   },
498 |   {
499 |     "name": "Rudy",
500 |     "image": "https://avatars.githubusercontent.com/u/46790388",
501 |     "github": "https://github.com/rudy3333",
502 |     "twitter": "https://x.com/_rudy3_",
503 |     "linkedin": "https://discordapp.com/users/1042539859245547550",
504 |     "skills": ["Python", "SQL", "PHP"]
505 |   },
506 |   {
507 |     "name": "Michael Ortiz",
508 |     "image": "https://avatars.githubusercontent.com/u/57331815",
509 |     "github": "https://github.com/MichaelDeMattos",
510 |     "twitter": "",
511 |     "linkedin": "https://www.linkedin.com/in/michael-ortiz-57690a17a",
512 |     "skills": ["NodeJS", "Python", "HTML/CSS"]
513 |   },
514 |   {
515 |     "name": "Emmanuella Okafor",
516 |     "image": "https://avatars.githubusercontent.com/u/96059812",
517 |     "github": "https://github.com/nuelladev",
518 |     "twitter": "https://twitter.com/emmanuellaoka11",
519 |     "linkedin": "https://www.linkedin.com/in/emmanuella-o",
520 |     "skills": ["React", "MySQL", "HTML/CSS"]
521 |   },
522 |   {
523 |     "name": "Mehmet Salih Bozkir",
524 |     "image": "https://avatars.githubusercontent.com/u/150898451",
525 |     "github": "https://github.com/MehmetBozkir",
526 |     "twitter": "",
527 |     "linkedin": "https://www.linkedin.com/in/mehmet-salih-bozk%C4%B1r",
528 |     "skills": ["HTML/CSS/JS", "Typescript", "React"]
529 |   },
530 |   {
531 |     "name": "Reayz",
532 |     "image": "https://avatars.githubusercontent.com/u/21260946",
533 |     "github": "https://github.com/Reayz",
534 |     "twitter": "https://twitter.com/Reayz77",
535 |     "linkedin": "https://www.linkedin.com/in/Reayz",
536 |     "skills": ["ASP.NET", "Javascript", "MS SQL"]
537 |   },
538 |   {
539 |     "name": "Chirag Aggarwal",
540 |     "image": "https://avatars.githubusercontent.com/u/110609663",
541 |     "github": "https://github.com/ChiragAgg5k",
542 |     "twitter": "https://twitter.com/ChiragAgg5k",
543 |     "linkedin": "https://www.linkedin.com/in/chiragagg5k",
544 |     "skills": ["Python", "React", "MongoDB"]
545 |   },
546 |   {
547 |     "name": "Srinanda Das",
548 |     "image": "https://avatars.githubusercontent.com/u/103207079",
549 |     "github": "https://github.com/XNOR8",
550 |     "twitter": "",
551 |     "linkedin": "https://www.linkedin.com/in/srinanda-das-36813524b",
552 |     "skills": ["HTML/CSS/JS", "Java", "MySQL"]
553 |   },
554 |   {
555 |     "name": "Atharvan Pohnerkar",
556 |     "image": "https://avatars.githubusercontent.com/u/123322068",
557 |     "github": "https://github.com/Atharvan2004",
558 |     "twitter": "https://twitter.com/AtharvanPo53043",
559 |     "linkedin": "https://www.linkedin.com/in/atharvan-pohnerkar-631740256",
560 |     "skills": ["MongoDB", "ExpressJS", "CP"]
561 |   },
562 |   {
563 |     "name": "Shiva Prasad",
564 |     "image": "https://avatars.githubusercontent.com/u/9407019",
565 |     "github": "https://github.com/shiv19",
566 |     "twitter": "https://x.com/multishiv19",
567 |     "linkedin": "https://linkedin.com/in/multishiv19",
568 |     "skills": ["Javascript","Kotlin", "VueJS", "AI/ML"]
569 |   },
570 |   {
571 |     "name": "Yash Kumar Shrivas",
572 |     "image": "https://avatars.githubusercontent.com/u/87111197",
573 |     "github": "https://github.com/YashkShrivas4491",
574 |     "twitter": "",
575 |     "linkedin": "https://www.linkedin.com/in/yash-kumar-shrivas-98a759126",
576 |     "skills": ["C++", "React", "Javascript"]
577 |   },
578 |   {
579 |     "name": "Gyan Pratap Singh",
580 |     "image": "https://avatars.githubusercontent.com/u/98226958",
581 |     "github": "https://github.com/Gyanthakur",
582 |     "twitter": "https://twitter.com/gps_96169",
583 |     "linkedin": "https://www.linkedin.com/in/gyan-pratap-singh-275785236",
584 |     "skills": ["Javascript", "React", "C++"]
585 |   },
586 |   {
587 |     "name": "Utkarsh Patil",
588 |     "image": "https://avatars.githubusercontent.com/u/90892046",
589 |     "github": "https://github.com/utkarsh-009",
590 |     "twitter": "https://twitter.com/tw_utkarsh",
591 |     "linkedin": "https://www.linkedin.com/in/utkarsh-patil-0b62a9202",
592 |     "skills": ["Python", "Javascript", "Dart"]
593 |   },
594 |   {
595 |     "name": "Ahasas Jain",
596 |     "image": "https://avatars.githubusercontent.com/u/101923456",
597 |     "github": "https://github.com/Ahasasjain",
598 |     "twitter": "",
599 |     "linkedin": "https://www.linkedin.com/in/ahasas-jain-b9b88428b",
600 |     "skills": ["React", "Java", "ExpressJS"]
601 |   },
602 |   {
603 |     "name": "Alit Indrawan",
604 |     "image": "https://avatars.githubusercontent.com/u/36658186",
605 |     "github": "https://github.com/Alitindrawan24",
606 |     "twitter": "",
607 |     "linkedin": "https://www.linkedin.com/in/alitindrawan24",
608 |     "skills": ["PHP", "Javascript", "Go"]
609 |   },
610 |   {
611 |     "name": "Ralph Rosael",
612 |     "image": "https://avatars.githubusercontent.com/u/90777662",
613 |     "github": "https://github.com/coder-ralph",
614 |     "twitter": "",
615 |     "linkedin": "https://www.linkedin.com/in/ralphrosael",
616 |     "skills": ["Python", "Javascript", "Arduino"]
617 |   },
618 |   {
619 |     "name": "Loensh",
620 |     "image": "https://avatars.githubusercontent.com/u/122663422",
621 |     "github": "https://github.com/Loensh",
622 |     "twitter": "https://discordapp.com/users/690344196506517544",
623 |     "linkedin": "",
624 |     "skills": ["Javascript", "C++", "Go"]
625 |   },
626 |   {
627 |     "name": "Sandeep Kumar Sharma",
628 |     "image": "https://avatars.githubusercontent.com/u/65103353",
629 |     "github": "https://github.com/amrahs02",
630 |     "twitter": "https://twitter.com/amrahs02",
631 |     "linkedin": "https://www.linkedin.com/in/sandeepsharma2183",
632 |     "skills": ["HTML/CSS/JS", "React", "TailwindCSS"]
633 |   },
634 |   {
635 |     "name": "Shubham Kamboj",
636 |     "image": "https://avatars.githubusercontent.com/u/95020337",
637 |     "github": "https://github.com/Shu4bham",
638 |     "twitter": "https://twitter.com/Shu4bham",
639 |     "linkedin": "https://www.linkedin.com/in/Shu4bham",
640 |     "skills": ["HTML/CSS/JS", "Python", "React"]
641 |   },
642 |   {
643 |     "name": "Balaji Prakasam",
644 |     "image": "https://avatars.githubusercontent.com/u/92166294",
645 |     "github": "https://github.com/balajithegr8",
646 |     "twitter": "",
647 |     "linkedin": "https://www.linkedin.com/in/balaji-prakasam-7a77b822b",
648 |     "skills": ["C++", "HTML/CSS/JS", "AI/ML"]
649 |   },
650 |   {
651 |     "name": "Kakkerla Manideep",
652 |     "image": "https://avatars.githubusercontent.com/u/125902846",
653 |     "github": "https://github.com/Manideep711",
654 |     "twitter": "",
655 |     "linkedin": "https://www.linkedin.com/in/manideep-kakkerla-529692265",
656 |     "skills": ["HTML/CSS/JS", "Python", "Java"]
657 |   },
658 |   {
659 |     "name": "Abrar Hussain",
660 |     "image": "https://avatars.githubusercontent.com/u/136314551",
661 |     "github": "https://github.com/Abrarlala",
662 |     "twitter": "https://twitter.com/ABRAR706774",
663 |     "linkedin": "https://www.linkedin.com/in/mohammad-abrar-610ba124b",
664 |     "skills": ["Javascript", "React", "Java"]
665 |   },
666 |   {
667 |     "name": "Kanchan Rai",
668 |     "image": "https://avatars.githubusercontent.com/u/114416916",
669 |     "github": "https://github.com/kanchanraiii/",
670 |     "twitter": "https://twitter.com/kanchanraiii",
671 |     "linkedin": "https://www.linkedin.com/in/kanchan-rai-90271a24a",
672 |     "skills": ["HTML/CSS", "Python", "C++"]
673 |   },
674 |   {
675 |     "name": "Rohit Roy",
676 |     "image": "https://avatars.githubusercontent.com/u/68563695",
677 |     "github": "https://github.com/rohitroy-github",
678 |     "twitter": "https://twitter.com/rohitroy_R",
679 |     "linkedin": "https://www.linkedin.com/in/roy-rohit",
680 |     "skills": ["MERN", "Solidity", "Blockchain"]
681 |   },
682 |   {
683 |     "name": "Sravan Kumar",
684 |     "image": "https://avatars.githubusercontent.com/u/66896592",
685 |     "github": "https://github.com/sravangorati2001",
686 |     "twitter": "https://twitter.com/Sravanthrony",
687 |     "linkedin": "https://www.linkedin.com/in/sravangorati2001",
688 |     "skills": ["NodeJS", "React", "MongoDB"]
689 |   },
690 |   {
691 |     "name": "Samuel Peters",
692 |     "image": "https://avatars.githubusercontent.com/u/65086865",
693 |     "github": "https://github.com/petsamuel",
694 |     "twitter": "https://x.com/bieefilled",
695 |     "linkedin": "https://linkedin.com/in/bieefilled",
696 |     "skills": ["React", "Typescript", "Python"]
697 |   },
698 |   {
699 |     "name": "Ahnaf Hasan Shifat",
700 |     "image": "https://avatars.githubusercontent.com/u/81911439",
701 |     "github": "https://github.com/ah-naf",
702 |     "twitter": "",
703 |     "linkedin": "https://linkedin.com/in/ahnafhasan144",
704 |     "skills": ["React", "Typescript", "PostgreSQL"]
705 |   },
706 |   {
707 |     "name": "Prashant Jagtap",
708 |     "image": "https://avatars.githubusercontent.com/u/93985255",
709 |     "github": "https://github.com/prashantjagtap2909",
710 |     "twitter": "",
711 |     "linkedin": "",
712 |     "skills": ["C++"]
713 |   },
714 |   {
715 |     "name": "Atul Gawade",
716 |     "image": "https://avatars.githubusercontent.com/u/71514760",
717 |     "github": "https://github.com/gawadeatul",
718 |     "twitter": "https://twitter.com/gawadeatul27",
719 |     "linkedin": "https://www.linkedin.com/in/atulgawade",
720 |     "skills": ["Java", "C#", "PHP"]
721 |   },
722 |   {
723 |     "name": "Nong Snail",
724 |     "image": "https://avatars.githubusercontent.com/u/56298563",
725 |     "github": "https://github.com/NongSnail",
726 |     "twitter": "https://twitter.com/kuroi_01509",
727 |     "linkedin": "https://www.linkedin.com/in/narisara01509",
728 |     "skills": ["Python", "SQL"]
729 |   },
730 |   {
731 |     "name": "Ujjwal Gupta",
732 |     "image": "https://avatars.githubusercontent.com/u/107796383",
733 |     "github": "https://github.com/heyujjwal",
734 |     "twitter": "https://twitter.com/UJJWALG55043670",
735 |     "linkedin": "https://www.linkedin.com/in/ujjwal-gupta-a595811b9",
736 |     "skills": ["NextJS", "C++"]
737 |   },
738 |   {
739 |     "name": "Astha Tripathi",
740 |     "image": "https://avatars.githubusercontent.com/u/79215705",
741 |     "github": "https://github.com/Astha369",
742 |     "twitter": "https://twitter.com/t_astha027",
743 |     "linkedin": "https://www.linkedin.com/in/asthatripathi",
744 |     "skills": ["C++", "Flutter"]
745 |   },
746 |   {
747 |     "name": "Shashwat Bajpai",
748 |     "image": "https://avatars.githubusercontent.com/u/112643512",
749 |     "github": "https://github.com/Bajpai25",
750 |     "twitter": "",
751 |     "linkedin": "https://linkedin.com/in/shashwat-bajpai-73a916234",
752 |     "skills": ["HTML", "CSS", "Javascript"]
753 |   },
754 |   {
755 |     "name": "Piyush Kumar Das",
756 |     "image": "https://avatars.githubusercontent.com/u/96428820",
757 |     "github": "https://github.com/piyushkdas0611",
758 |     "twitter": "https://twitter.com/Piyush_k_das",
759 |     "linkedin": "https://linkedin.com/in/piyush-k-das",
760 |     "skills": ["HTML/CSS/JS", "React", "ExpressJS"]
761 |   },
762 |   {
763 |     "name": "Akshat Mishra",
764 |     "image": "https://avatars.githubusercontent.com/u/106366272",
765 |     "github": "https://github.com/akshatmishra25",
766 |     "twitter": "https://twitter.com/AkshatMx10",
767 |     "linkedin": "https://www.linkedin.com/in/akshat-mishra-702694226",
768 |     "skills": ["Java", "Python", "React"]
769 |   },
770 |   {
771 |     "name": " 「 」Data ",
772 |     "image": "https://avatars.githubusercontent.com/u/42356916",
773 |     "github": "https://github.com/DataGamingYT",
774 |     "twitter": "",
775 |     "linkedin": "",
776 |     "skills": ["HTML/CSS/JS", "Java", "Python"]
777 |   },
778 |   {
779 |     "name": "SyntaxSmiler03",
780 |     "image": "https://avatars.githubusercontent.com/u/144527105",
781 |     "github": "https://github.com/SyntaxSmiler03",
782 |     "twitter": "",
783 |     "linkedin": "",
784 |     "skills": ["HTML/CSS/JS", "Java", "C/C++", "Python"]
785 |   },
786 |   {
787 |     "name": "Srikar",
788 |     "image": "https://avatars.githubusercontent.com/u/107094861",
789 |     "github": "https://github.com/Srikar-C",
790 |     "twitter": "",
791 |     "linkedin": "",
792 |     "skills": ["MERN", "Python", "Django"]
793 |   },
794 |   {
795 |     "name": "Harshal Kahar",
796 |     "image": "https://avatars.githubusercontent.com/u/93152436",
797 |     "github": "https://github.com/harshal255",
798 |     "twitter": "https://harshalkahar.vercel.app",
799 |     "linkedin": "https://www.linkedin.com/in/harshal-kahar-4115a321b",
800 |     "skills": ["NodeJS", "NextJS", "TailwindCSS"]
801 |   },
802 |   {
803 |     "name": "Dibya Jyoti Dutta",
804 |     "image": "https://avatars.githubusercontent.com/u/123192035",
805 |     "github": "https://github.com/Dibya112",
806 |     "twitter": "",
807 |     "linkedin": "https://www.linkedin.com/in/dibya-jyoti-dutta-87378a240",
808 |     "skills": ["ExpressJS", "Javascript", "C++"]
809 |   },
810 |   {
811 |     "name": "Shrimad Bhagwat",
812 |     "image": "https://avatars.githubusercontent.com/u/51125208",
813 |     "github": "https://github.com/Shrimad-Bhagwat",
814 |     "twitter": "",
815 |     "linkedin": "https://www.linkedin.com/in/shrimad-bhagwat-a7a879201",
816 |     "skills": ["C++", "Flutter"]
817 |   },
818 |   {
819 |     "name": "Anmol Anand",
820 |     "image": "https://avatars.githubusercontent.com/u/76034132",
821 |     "github": "https://github.com/anmol420",
822 |     "twitter": "https://twitter.com/anmol___420",
823 |     "linkedin": "https://www.linkedin.com/in/anmol420",
824 |     "skills": ["Java", "Javascript", "Flutter"]
825 |   },
826 |   {
827 |     "name": "Muhamad Dian Rahendra",
828 |     "image": "https://avatars.githubusercontent.com/u/73350352",
829 |     "github": "https://github.com/Muanra217",
830 |     "twitter": "",
831 |     "linkedin": "https://www.linkedin.com/in/muanra217",
832 |     "skills": ["JavaScript", "Mendix", "React"]
833 |   },
834 |   {
835 |     "name": "Vivek Gurudutt",
836 |     "image": "https://avatars.githubusercontent.com/u/59449606",
837 |     "github": "https://github.com/VivekGuruduttK28",
838 |     "twitter": "",
839 |     "linkedin": "https://www.linkedin.com/in/vivek-gurudutt-k-466936267",
840 |     "skills": ["Java", "Python", "C++"]
841 |   },
842 |   {
843 |     "name": "Guilherme Berson",
844 |     "image": "https://avatars.githubusercontent.com/u/17513306",
845 |     "github": "https://github.com/KhanSado",
846 |     "twitter": "",
847 |     "linkedin": "https://www.linkedin.com/in/guilhermeberson",
848 |     "skills": ["Java", "Kotlin"]
849 |   },
850 |   {
851 |     "name": "Yash Sinha",
852 |     "image": "https://avatars.githubusercontent.com/u/96681774",
853 |     "github": "https://github.com/yash19sinha",
854 |     "twitter": "https://twitter.com/SinhaYash62471",
855 |     "linkedin": "https://www.linkedin.com/in/yash-sinha-09989621a",
856 |     "skills": ["NextJS", "TailwindCSS", "Javascript"]
857 |   },
858 |   {
859 |     "name": "Prasanna Donga",
860 |     "image": "https://avatars.githubusercontent.com/u/94883909",
861 |     "github": "https://github.com/prasanna1225",
862 |     "twitter": "",
863 |     "linkedin": "",
864 |     "skills": ["HTML/CSS/JS", "React", "NodeJS"]
865 |   },
866 |   {
867 |     "name": "Aziz Arif Rizaldi",
868 |     "image": "https://avatars.githubusercontent.com/u/43601207",
869 |     "github": "https://github.com/azizarizaldi",
870 |     "twitter": "",
871 |     "linkedin": "https://www.linkedin.com/in/azizarizaldi",
872 |     "skills": ["WebDev", "AppDev"]
873 |   },
874 |   {
875 |     "name": "YouFoundAlpha",
876 |     "image": "https://avatars.githubusercontent.com/u/86548581",
877 |     "github": "https://github.com/YouFoundAlpha",
878 |     "twitter": "",
879 |     "linkedin": "",
880 |     "skills": ["NodeJS", "Javascript", "HTML"]
881 |   },
882 |   {
883 |     "name": "Ayush Anshu",
884 |     "image": "https://avatars.githubusercontent.com/u/112506922",
885 |     "github": "https://github.com/ayush24k",
886 |     "twitter": "https://twitter.com/ayushanshuu",
887 |     "linkedin": "https://linkedin.com/in/ayushanshu",
888 |     "skills": ["MERN","C++", "AI/ML"]
889 |   },
890 |   {
891 |     "name": "Farhan Muzaffar",
892 |     "image": "https://avatars.githubusercontent.com/u/119163347",
893 |     "github": "https://github.com/Mdfarhan9304",
894 |     "twitter": "",
895 |     "linkedin": "https://www.linkedin.com/in/farhan-muzaffar-039994218",
896 |     "skills": ["React", "Javascript", "HTML"]
897 |   },
898 |   {
899 |     "name": "Guilherme Orcezi",
900 |     "image": "https://avatars.githubusercontent.com/u/29787610",
901 |     "github": "https://github.com/guilhermeorcezi",
902 |     "twitter": "",
903 |     "linkedin": "https://linkedin.com/in/guilhermeorcez",
904 |     "skills": ["React", "React Native", "NodeJS"]
905 |   },
906 |   {
907 |     "name": "Tanakorn",
908 |     "image": "https://avatars.githubusercontent.com/u/24265584",
909 |     "github": "https://github.com/Tanakornl3oom",
910 |     "twitter": "",
911 |     "linkedin": "",
912 |     "skills": ["NodeJS", "Javascript", "HTML"]
913 |   },
914 |   {
915 |     "name": "Bilal Mirza",
916 |     "image": "https://avatars.githubusercontent.com/u/84387676",
917 |     "github": "https://github.com/bilalmirza74",
918 |     "twitter": "https://webdevfreelancer.me",
919 |     "linkedin": "",
920 |     "skills": ["MERN", "DevOps", "Python"]
921 |   },
922 |   {
923 |     "name": "Irfan Habeeeb ",
924 |     "image": "https://avatars.githubusercontent.com/u/110285678",
925 |     "github": "https://github.com/habeebputhiyakath",
926 |     "twitter": "",
927 |     "linkedin": "https://linkedin.com/in/irfanhabeeb1",
928 |     "skills": ["Flutter"]
929 |   },
930 |   {
931 |     "name": "Alekhya Dharam",
932 |     "image": "https://avatars.githubusercontent.com/u/128917215",
933 |     "github": "https://github.com/Alekhya-Dharam",
934 |     "twitter": "",
935 |     "linkedin": "https://www.linkedin.com/in/alekhya-dharam-62873322b",
936 |     "skills": ["Java", "NodeJS", "ExpressJS"]
937 |   },
938 |   {
939 |     "name": "K Koyal",
940 |     "image": "https://avatars.githubusercontent.com/u/101511737",
941 |     "github": "https://github.com/kondapalli19",
942 |     "twitter": "",
943 |     "linkedin": "",
944 |     "skills": ["MERN", "Java", "Python"]
945 |   },
946 |   {
947 |     "name": "Uuphoria2",
948 |     "image": "https://avatars.githubusercontent.com/u/123761856",
949 |     "github": "https://github.com/uuphoria2",
950 |     "twitter": "",
951 |     "linkedin": "",
952 |     "skills": ["NodeJS", "PostgreSQL"]
953 |   },
954 |   {
955 |     "name": "Emmanuel P. Barrameda",
956 |     "image": "https://avatars.githubusercontent.com/u/67356375",
957 |     "github": "https://github.com/emmanpbarrameda",
958 |     "twitter": "",
959 |     "linkedin": "https://linkedin.com/in/emmanpbarrameda",
960 |     "skills": ["Java", "C#", "VB.Net", "HTML/CSS/Javascript", "PHP", "Laravel"]
961 |   },
962 |   {
963 |     "name": "Aditya Raj",
964 |     "image": "https://avatars.githubusercontent.com/u/101452242",
965 |     "github": "https://github.com/aditya8Raj",
966 |     "twitter": "https://x.com/nerdinbiz",
967 |     "linkedin": "",
968 |     "skills": ["HTML/CSS/JS", "ReactJS", "NextJS", "Python"]
969 |   },
970 |   {
971 |     "name": "Asimanye Dudumayo",
972 |     "image": "https://avatars.githubusercontent.com/u/148616095?v=4",
973 |     "github": "https://github.com/adudumayo",
974 |     "twitter": "",
975 |     "linkedin": "https://linkedin.com/in/asimanye-dudumayo-879a3a16a",
976 |     "skills": ["Java", "Python", "ReactJS", "HTML/CSS/JS"]
977 |   },
978 |   {
979 |     "name": "Ashutosh Kumar",
980 |     "image": "https://avatars.githubusercontent.com/u/130897584",
981 |     "github": "https://github.com/codeaashu",
982 |     "twitter": "https://twitter.com/warrior_aashuu",
983 |     "linkedin": "https://www.linkedin.com/in/ashutoshkumaraashu/",
984 |     "skills": ["WebDev", "WebDesign", "UI/UX"]
985 |   }
986 | ]
987 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>DevProfiles - List Your Developer Profile</title>
 7 |     <meta name="description" content="DevProfiles is a platform for developers to easily share their profiles, spotlight your skills, and connect with fellow developers in the community.">
 8 |     <meta name="author" content="Priyansh Prajapat">
 9 |     <meta name="robots" content="index, follow">
10 |     <meta property="og:title" content="DevProfiles - List Your Developer Profile">
11 |     <meta property="og:description" content="DevProfiles is a platform for developers to easily share their profiles, spotlight your skills, and connect with fellow developers in the community.">
12 |     <meta property="og:image" content="https://devprofiles.is-an.app/assets/devprofiles.jpg">
13 |     <meta property="og:url" content="https://devprofiles.is-an.app">
14 |     <meta name="twitter:card" content="summary_large_image">
15 |     <meta name="twitter:title" content="DevProfiles - List Your Developer Profile">
16 |     <meta name="twitter:description" content="DevProfiles is a platform for developers to easily share their profiles, spotlight your skills, and connect with fellow developers in the community.">
17 |     <meta name="twitter:image" content="https://devprofiles.is-an.app/assets/devprofiles.jpg">
18 |     <meta name="google-site-verification" content="m27Gj2zQkiICZcH_q4TunZj7cTmPjH1bi0EJUnMLOJw">
19 |     <link rel="canonical" href="https://devprofiles.is-an.app">
20 |     <link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon">
21 |     <link rel="stylesheet" href="styles/style.css">
22 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer">
23 |     <script async src="https://www.googletagmanager.com/gtag/js?id=G-GTFGBS8HG8"></script>
24 |     <script src="https://oyepriyansh.pages.dev/cdnjs/analytics/devprofiles.js" defer></script>
25 | </head>
26 | <body>
27 |     <header>
28 |         <p class="logo"></p>
29 |         <h1><span id="Dev">Dev</span>Profiles</h1>
30 |     </header>
31 |     <main>
32 |         <section class="search">
33 |             <input type="text" id="searchInput" placeholder="Search by name or skill...">
34 |         </section>
35 |         <section>
36 |             <a href="https://github.com/oyepriyansh/DevProfiles/blob/main/CONTRIBUTING.md" target="_blank">
37 |                 <button class="add-col">
38 |                     Add your Profile &nbsp;
39 |                     <i class="fa-sharp fa-solid fa-user-plus"></i>
40 |                 </button>
41 |             </a>
42 |         </section>
43 |         <section class="no-profile">No Profile Found</section>
44 |         <section class="container"></section>
45 |     </main>
46 |     <hr>
47 |     <footer>
48 |         <div class="footer-content">
49 |             <div class="about">
50 |                 <p class="logo"></p>
51 |                 <p>DevProfiles is a platform for developers to easily share their profiles, spotlight your skills, and connect with fellow developers in the community.</p>
52 |             </div>
53 |             <div class="flinks">
54 |                 <div>
55 |                     <p>Documentation</p>
56 |                     <a href="https://github.com/oyepriyansh/DevProfiles/blob/main/CONTRIBUTING.md" target="_blank">Contributing Guide</a>
57 |                     <a href="#" target="_blank">How to add profile?</a>
58 |                 </div>
59 |                 <div>
60 |                     <p>License</p>
61 |                     <a href="https://github.com/oyepriyansh/DevProfiles/blob/main/LICENSE" target="_blank">The Unlicense</a>
62 |                     <a href="https://github.com/oyepriyansh/DevProfiles/blob/main/CODE_OF_CONDUCT.md" target="_blank">Code of Conduct</a>
63 |                 </div>
64 |                 <div class="fbtn">
65 |                     <a href="https://github.com/oyepriyansh/DevProfiles" target="_blank" id="star">Star us ⭐</a>
66 |                     <a href="https://github.com/sponsors/oyepriyansh" target="_blank" id="sponsor">Sponsor 💖</a>
67 |                 </div>
68 |             </div>
69 |         </div>
70 |         <div class="ficons">
71 |             <a href="https://x.com/oyepriyansh" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
72 |             <a href="https://github.com/oyepriyansh" target="_blank"><i class="fab fa-github"></i></a>
73 |             <a href="https://linkedin.com/in/oyepriyansh" target="_blank"><i class="fab fa-linkedin-in"></i></a>
74 |         </div>
75 |         <p class="copyright">© <span id="currentYear"></span> DevProfiles | All rights reserved.</p>
76 |     </footer>
77 |     <button id="backToTopBtn" class="top-btn">
78 |         <i class="fa-solid fa-arrow-up"></i>
79 |     </button>
80 |     <script src="scripts/app.js" defer></script>
81 | </body>
82 | </html>


--------------------------------------------------------------------------------
/scripts/404.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | var e, t;
 4 | new function(e) {
 5 |     const t = "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890-=+<>,./?[{()}]!@#$%^&*~`|".split(""),
 6 |         n = e.querySelector(".source"),
 7 |         o = e.querySelector(".target");
 8 |     let r, i, l, s = 0;
 9 |     this.start = function() {
10 |         n.style.display = "none", o.style.display = "block",
11 |          r = window.setInterval((() => {
12 |             s <= n.innerText.length && (o.innerText = n.innerText.substring(0, s) + function(e) {
13 |                 let n = "";
14 |                 for (let o = 0; o < e; o++) n += 
15 |                 t[Math.floor(Math.random() * t.length)];
16 |                 return n
17 |             }(n.innerText.length - s))
18 |         }), 15), i = window.setTimeout((() => {
19 |             l = window.setInterval((() => {
20 |                 s > n.innerText.length - 1 && this.stop(), s++
21 |             }), 70)
22 |         }), 350)
23 |     }, this.stop = function() {
24 |         n.style.display = "block", o.style.display = "none",
25 |         o.innerText = "", s = 0, void 0 !== r && (window.clearInterval(r), r = void 0),
26 |         void 0 !== l && (window.clearInterval(l), l = void 0),
27 |         void 0 !== i && (window.clearInterval(i), i = void 0)
28 |     }
29 | }(document.getElementById("error_text")).start(), "en" !== navigator.language.substring(0, 2).toLowerCase() && (e = document.createElement("script"), t = document.body, e.src = "", e.async = e.defer = !0, e.addEventListener("load", (() => t.removeChild(e))), t.appendChild(e));
30 | 
31 | var style = document.createElement('style');
32 | style.type = 'text/css';
33 | style.innerHTML = `
34 |     @import url("https://fonts.googleapis.com/css2?family=PT+Serif&family=Poppins:wght@200&display=swap");
35 | 
36 |     body,
37 |     html {
38 |         margin: 0;
39 |         background-color: #222;
40 |         color: #aaa;
41 |         font-family: "Poppins", sans-serif;
42 |         font-size: 0
43 |     }
44 | 
45 |     .full-height {
46 |         height: 100vh
47 |     }
48 | 
49 |     .flex-center {
50 |         align-items: center;
51 |         display: flex;
52 |         justify-content: center
53 |     }
54 | 
55 |     #error_text {
56 |         font-size: 32px
57 |     }
58 | 
59 |     button {
60 |         display: inline-block;
61 |         padding: 10px 20px;
62 |         background-color: #2b3031;
63 |         border: none;
64 |         color: #fff;
65 |         border-radius: 4px;
66 |         margin-top: 10px;
67 |         font-size: 16px;
68 |         cursor: pointer;
69 |         transition: all .3s ease-in-out
70 |     }
71 | 
72 |     button:hover {
73 |         background-color: #555
74 |     }
75 | `;
76 | document.head.appendChild(style);
77 | 


--------------------------------------------------------------------------------
/scripts/app.js:
--------------------------------------------------------------------------------
  1 | const container = document.querySelector('.container');
  2 | const defaultImage = "https://oyepriyansh.pages.dev/i/5nf5fd.png";
  3 | 
  4 | const loadProfiles = async () => {
  5 |   // Fetching data from JSON file
  6 |   let data = await fetch('/data.json');
  7 |   let profiles = await data.json();
  8 | 
  9 |   profiles = shuffleArray(profiles);
 10 | 
 11 |   
 12 |   profiles.forEach((profile) => {
 13 |     let profileDiv = document.createElement('div');
 14 |     profileDiv.classList.add('profile');
 15 | 
 16 |     //skills 
 17 |     let skills = profile.skills.map(skill => `<span class="skill">${skill}</span>`).join('');
 18 | 
 19 |     // social links
 20 |     let social = '';
 21 |     if (profile.github) {
 22 |       social += `<a href="${profile.github}" target="_blank"><i class="fa-brands fa-github"></i></a>`;
 23 |     }
 24 |     if (profile.twitter) {
 25 |       social += `<a href="${profile.twitter}" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>`;
 26 |     }
 27 |     if (profile.linkedin) {
 28 |       social += `<a href="${profile.linkedin}" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>`;
 29 |     }
 30 | 
 31 |     // adding profile HTML content
 32 |     profileDiv.innerHTML = `
 33 |       <div class="pfp">
 34 |         <img src="${profile.image}" alt="User Image" onerror="this.onerror=null; this.src='${defaultImage}';">
 35 |       </div>
 36 |       <h2 class="name">${profile.name}</h2>
 37 |       <div class="skills">${skills}</div>
 38 |       <div class="social">${social}</div>
 39 |     `;
 40 | 
 41 |     container.append(profileDiv);
 42 |   });
 43 | };
 44 | 
 45 | // Function to shuffle 
 46 | const shuffleArray = (array) => {
 47 |   for (let i = array.length - 1; i > 0; i--) {
 48 |     const j = Math.floor(Math.random() * (i + 1));
 49 |     [array[i], array[j]] = [array[j], array[i]];
 50 |   }
 51 |   return array;
 52 | };
 53 | 
 54 | loadProfiles();
 55 | 
 56 | // Search function
 57 | searchInput.addEventListener('keyup', () => {
 58 |   const searchTerm = searchInput.value.trim().toLowerCase();
 59 |   const profiles = document.querySelectorAll('.profile');
 60 |   let visibleProfiles = 0;
 61 | 
 62 | 
 63 | 
 64 |   profiles.forEach((profile) => {
 65 |     const profileName = profile.querySelector('.name').innerText.trim().toLowerCase();
 66 |     const skills = profile.querySelector('.skills').textContent.toLowerCase();
 67 | 
 68 |     if (profileName.includes(searchTerm) || skills.includes(searchTerm)) {
 69 |       profile.style.display = 'flex';
 70 |       visibleProfiles++;
 71 |     } else {
 72 |       profile.style.display = 'none';
 73 |     }
 74 |   });
 75 | 
 76 | // no profiles
 77 |   const noProfileMessage = document.querySelector('.no-profile');
 78 |   if (visibleProfiles > 0) {
 79 |     noProfileMessage.style.display = 'none';
 80 |   } else {
 81 |     noProfileMessage.style.display = 'block';
 82 |   }
 83 | });
 84 | 
 85 | // Scroll to top button        
 86 | var fabButton = document.getElementById("backToTopBtn");
 87 | 
 88 | window.onscroll = function () {
 89 |   if (window.scrollY > 20) {
 90 |     fabButton.style.display = "block";
 91 |   } else {
 92 |     fabButton.style.display = "none";
 93 |   }
 94 | };
 95 | 
 96 | fabButton.addEventListener("click", function () {
 97 |   window.scrollTo({ top: 0, behavior: "smooth" });
 98 | });
 99 | 
100 | // footer year
101 | document.getElementById("currentYear").textContent = new Date().getFullYear();
102 | 


--------------------------------------------------------------------------------
/styles/style.css:
--------------------------------------------------------------------------------
  1 | @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
  2 | 
  3 | * {
  4 |   margin: 0;
  5 |   padding: 0;
  6 |   box-sizing: border-box;
  7 | }
  8 | 
  9 | body {
 10 |   background-color: #1e1e1e;
 11 |   color: #ddd;
 12 |   font-family: "Poppins", sans-serif;
 13 |   text-align: center;
 14 |   margin: 0;
 15 |   padding: 0;
 16 | }
 17 | 
 18 | ::-webkit-scrollbar {
 19 |   width: 9px;
 20 | }
 21 | ::-webkit-scrollbar-track {
 22 |   background-color: #121212;
 23 | }
 24 | ::-webkit-scrollbar-thumb {
 25 |   background-color: #333333;
 26 |   border-radius: 12px;
 27 | }
 28 | 
 29 | header {
 30 |   background-color: #292929;
 31 |   position: sticky;
 32 |   top: 0;
 33 |   z-index: 10;
 34 |   opacity: 0.9;
 35 |   display: flex;
 36 |   align-items: center;
 37 |   justify-content: center;
 38 | }
 39 | 
 40 | .logo {
 41 |   background: url(/assets/devprofilesicon.png) no-repeat;
 42 |   background-size: contain;
 43 |   width: 40px;
 44 |   height: 40px;
 45 |   display: inline-block;
 46 | }
 47 | 
 48 | h1 {
 49 |   color: #29f199;
 50 |   padding: 20px 20px 20px 5px;
 51 |   font-size: 36px;
 52 |   font-weight: 500;
 53 | }
 54 | 
 55 | .container {
 56 |   display: flex;
 57 |   flex-wrap: wrap;
 58 |   justify-content: center;
 59 |   max-width: 1200px;
 60 |   margin: 0 auto;
 61 |   padding: 5px;
 62 | }
 63 | 
 64 | .profile {
 65 |   background-color: #292929;
 66 |   border: none;
 67 |   border-radius: 10px;
 68 |   padding: 20px;
 69 |   margin: 20px;
 70 |   width: calc(33.33% - 40px);
 71 |   display: flex;
 72 |   flex-direction: column;
 73 |   justify-content: space-between;
 74 |   min-height: 350px;
 75 | }
 76 | .profile:hover {
 77 |   background-color: #333333;
 78 |   border: 1px solid #a66efc;
 79 |   transition: 150ms;
 80 | }
 81 | 
 82 | .pfp img {
 83 |   width: 100px;
 84 |   height: 100px;
 85 |   border-radius: 50%;
 86 |   margin-bottom: 10px;
 87 | }
 88 | 
 89 | .name {
 90 |   font-weight: 400;
 91 |   font-size: 20px;
 92 |   margin-bottom: 10px;
 93 | }
 94 | 
 95 | .skills {
 96 |   margin-bottom: 10px;
 97 |   display: flex;
 98 |   flex-wrap: wrap;
 99 |   justify-content: center;
100 |   row-gap: 7px;
101 | }
102 | 
103 | .skill {
104 |   background-color: #444444;
105 |   padding: 5px 10px;
106 |   border-radius: 5px;
107 |   margin: 0 5px 10px 0;
108 |   font-size: 14px;
109 | }
110 | 
111 | .social {
112 |   margin-top: 13px;
113 |   display: flex;
114 |   justify-content: center;
115 |   background-color: #444444;
116 |   padding: 10px;
117 |   border-radius: 20px;
118 | }
119 | 
120 | .social a {
121 |   color: #fff;
122 |   margin: 0 10px;
123 |   font-size: 24px;
124 |   transition: color 0.3s, font-size 0.3s;
125 | }
126 | .social a:hover {
127 |   color: #8d44fa;
128 |   font-size: 28px;
129 | }
130 | 
131 | button {
132 |   color: #fff;
133 |   background-color: #a66efc;
134 |   border-radius: 5%;
135 |   cursor: pointer;
136 |   padding: 10px 20px;
137 |   border: none;
138 |   font-size: 16px;
139 |   margin: 4px 2px;
140 | }
141 | 
142 | .search {
143 |   margin: 30px 0;
144 | }
145 | 
146 | #searchInput {
147 |   width: 80%;
148 |   padding: 10px;
149 |   border: none;
150 |   border-radius: 5px;
151 |   background-color: #1e1e1e;
152 |   color: #fff;
153 |   font-size: 16px;
154 |   box-shadow: 0px 0px 5px rgba(226, 226, 226, 0.938);
155 | }
156 | #searchInput::placeholder {
157 |   color: #777;
158 | }
159 | #searchInput:focus {
160 |   outline: none;
161 |   box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
162 | }
163 | 
164 | footer {
165 |   background-color: #1e1e1e;
166 |   padding: 40px 0;
167 |   display: flex;
168 |   flex-direction: column;
169 |   align-items: center;
170 | }
171 | 
172 | .top-btn {
173 |   width: 50px;
174 |   height: 50px;
175 |   padding: 10px;
176 |   position: fixed;
177 |   bottom: 0;
178 |   right: 0;
179 |   z-index: 10;
180 |   margin-right: 10px;
181 |   margin-bottom: 10px;
182 |   display: none;
183 |   border-radius: 10px;
184 |   background-color: #a66efc;
185 | }
186 | .arrow-icon {
187 |   animation: bounce 2s infinite ease-in-out;
188 | }
189 | .arrow-icon > path {
190 |   fill: #fff;
191 | }
192 | 
193 | @keyframes bounce {
194 |   0%,
195 |   100% {
196 |     transform: translateY(0px);
197 |   }
198 |   50% {
199 |     transform: translateY(-20%);
200 |   }
201 | }
202 | 
203 | .no-profile {
204 |   padding: 20px;
205 |   display: none;
206 | }
207 | 
208 | #Dev {
209 |   color: #faaf3a;
210 | }
211 | 
212 | @media screen and (max-width: 768px) {
213 |   .container {
214 |     justify-content: center;
215 |   }
216 |   .profile {
217 |     width: 100%;
218 |   }
219 | }
220 | 
221 | .footer-content {
222 |   display: flex;
223 |   width: 80%;
224 |   max-width: 1200px;
225 |   flex-direction: column;
226 |   align-items: center;
227 | }
228 | .about {
229 |   margin-bottom: 20px;
230 |   text-align: center;
231 | }
232 | .flinks {
233 |   display: flex;
234 |   flex-direction: column;
235 |   align-items: center;
236 | }
237 | .flinks > div {
238 |   margin: 10px 0;
239 |   text-align: center;
240 | }
241 | .fbtn {
242 |   margin-top: 20px;
243 | }
244 | .about p.logo {
245 |   font-size: 24px;
246 |   font-weight: bold;
247 |   color: #fff;
248 |   margin: 0;
249 | }
250 | .about p {
251 |   margin: 10px 0;
252 |   color: #aaa;
253 | }
254 | .ficons {
255 |   margin-top: 20px;
256 | }
257 | .ficons a {
258 |   color: #fff;
259 |   padding: 10px;
260 |   font-size: 24px;
261 |   text-decoration: none;
262 |   transition: color 0.3s;
263 | }
264 | .ficons a:hover {
265 |   color: #a66efc;
266 | }
267 | .flinks p {
268 |   margin-bottom: 20px;
269 |   font-weight: bold;
270 |   color: #fff;
271 | }
272 | .flinks a {
273 |   display: block;
274 |   color: #ddd;
275 |   margin: 5px 0;
276 |   text-decoration: none;
277 | }
278 | .flinks a:hover {
279 |   color: #a66efc;
280 | }
281 | #star {
282 |   background-color: #fff;
283 |   color: #141111f1;
284 |   border-radius: 5px;
285 |   padding: 20px;
286 |   margin-bottom: 10px;
287 |   text-decoration: none;
288 |   display: flex;
289 |   align-items: center;
290 |   font-weight: bold;
291 |   justify-content: center;
292 | }
293 | #sponsor {
294 |   background-color: #e62d7766;
295 |   color: #fffffff1;
296 |   border-radius: 5px;
297 |   padding: 20px;
298 |   text-decoration: none;
299 |   display: flex;
300 |   align-items: center;
301 |   font-weight: bold;
302 |   justify-content: center;
303 | }
304 | .copyright {
305 |   margin: 20px;
306 |   text-align: center;
307 | }
308 | 
309 | @media (min-width: 768px) {
310 |   .footer-content {
311 |     flex-direction: row;
312 |     justify-content: space-between;
313 |   }
314 |   .about, .flinks {
315 |     flex: 1;
316 |   }
317 |   .about {
318 |     text-align: left;
319 |   }
320 |   .flinks {
321 |     flex-direction: row;
322 |     align-items: flex-start;
323 |   }
324 |   .flinks > div {
325 |     margin: 0 10px;
326 |     text-align: left;
327 |   }
328 |   .fbtn {
329 |     margin-top: 0;
330 |   }
331 | }


--------------------------------------------------------------------------------