├── .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 | ## Star History
50 | 
51 | [![Star History Chart](https://api.star-history.com/svg?repos=oyepriyansh/DevProfiles&type=Date)](https://star-history.com/#oyepriyansh/DevProfiles&Date)
52 | ## 💳 Author
53 | > <a href="https://oyepriyansh.github.io">Priyansh Prajapat (@oyepriyansh)</a>
54 | 


--------------------------------------------------------------------------------
/assets/devprofiles.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oyepriyansh/DevProfiles/a60135ed19f0f8a87e9b9ed59d5b27059bdf4b04/assets/devprofiles.jpg


--------------------------------------------------------------------------------
/assets/devprofiles_preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oyepriyansh/DevProfiles/a60135ed19f0f8a87e9b9ed59d5b27059bdf4b04/assets/devprofiles_preview.png


--------------------------------------------------------------------------------
/assets/devprofilesicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oyepriyansh/DevProfiles/a60135ed19f0f8a87e9b9ed59d5b27059bdf4b04/assets/devprofilesicon.png


--------------------------------------------------------------------------------
/assets/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oyepriyansh/DevProfiles/a60135ed19f0f8a87e9b9ed59d5b27059bdf4b04/assets/favicon.ico


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


--------------------------------------------------------------------------------
/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 | // Redirect if the URL contains an empty search query
  2 | const urlParams = new URLSearchParams(window.location.search);
  3 | if (urlParams.has('search') && urlParams.get('search').trim() === '') {
  4 |   window.location.href = '/'; // Redirect to the root URL if search parameter is empty
  5 | }
  6 | 
  7 | const container = document.querySelector('.container');
  8 | const defaultImage = "https://oyepriyansh.pages.dev/i/5nf5fd.png";
  9 | const searchInput = document.getElementById('searchInput'); // Assuming there's an input field for searching
 10 | const noProfileMessage = document.querySelector('.no-profile'); // Message element
 11 | const fabButton = document.getElementById("backToTopBtn");
 12 | 
 13 | // Load profiles from JSON file
 14 | const loadProfiles = async () => {
 15 |   try {
 16 |     const response = await fetch('/data.json');
 17 |     if (!response.ok) {
 18 |       throw new Error('Network response was not ok');
 19 |     }
 20 |     const profiles = await response.json();
 21 |     displayProfiles(shuffleArray(profiles));
 22 |   } catch (error) {
 23 |     console.error('Error fetching profiles:', error);
 24 |     noProfileMessage.textContent = 'Failed to load profiles. Please try again later.';
 25 |     noProfileMessage.style.display = 'block'; // Show error message
 26 |   }
 27 | };
 28 | 
 29 | // Display profiles on the page
 30 | const displayProfiles = async (profiles) => {
 31 |   container.innerHTML = ''; // Clear existing profiles
 32 |   for (const profile of profiles) {
 33 |     const profileDiv = document.createElement('div');
 34 |     profileDiv.classList.add('profile');
 35 | 
 36 |     // Determine the image source
 37 |     let imageSrc = profile.image || await fetchGitHubImage(profile.github);
 38 | 
 39 |     // Skills
 40 |     const skills = profile.skills.map(skill => `<span class="skill">${skill}</span>`).join('');
 41 | 
 42 |     // Social links with improved accessibility
 43 |     const social = `
 44 |       ${profile.github ? `<a href="${profile.github}" target="_blank" aria-label="${profile.name}'s GitHub Profile"><i class="fa-brands fa-github"></i></a>` : ''}
 45 |       ${profile.twitter ? `<a href="${profile.twitter}" target="_blank" aria-label="${profile.name}'s Twitter Profile"><i class="fa-brands fa-x-twitter"></i></a>` : ''}
 46 |       ${profile.linkedin ? `<a href="${profile.linkedin}" target="_blank" aria-label="${profile.name}'s LinkedIn Profile"><i class="fa-brands fa-linkedin-in"></i></a>` : ''}
 47 |     `;
 48 | 
 49 |     // Adding profile HTML content
 50 |     profileDiv.innerHTML = `
 51 |       <div class="pfp">
 52 |         <img src="${imageSrc}" alt="${profile.name}'s Profile Picture" onerror="this.onerror=null; this.src='${defaultImage}';" />
 53 |       </div>
 54 |       <h2 class="name">${profile.name}</h2>
 55 |       <div class="skills">${skills}</div>
 56 |       <div class="social">${social}</div>
 57 |     `;
 58 | 
 59 |     container.append(profileDiv);
 60 |   }
 61 | };
 62 | 
 63 | // Function to fetch GitHub image
 64 | const fetchGitHubImage = async (githubUrl) => {
 65 |   if (!githubUrl) return defaultImage; // Return default if no GitHub URL
 66 | 
 67 |   // Extract username from GitHub URL
 68 |   const username = githubUrl.split('/').pop();
 69 |   const apiUrl = `https://api.github.com/users/${username}`;
 70 | 
 71 |   try {
 72 |     const response = await fetch(apiUrl);
 73 |     if (!response.ok) {
 74 |       throw new Error('GitHub user not found');
 75 |     }
 76 |     const userData = await response.json();
 77 |     return userData.avatar_url || defaultImage; // Return avatar URL or default image
 78 |   } catch (error) {
 79 |     console.error('Error fetching GitHub image:', error);
 80 |     return defaultImage; // Fallback to default image on error
 81 |   }
 82 | };
 83 | 
 84 | // Shuffle array function
 85 | const shuffleArray = (array) => {
 86 |   for (let i = array.length - 1; i > 0; i--) {
 87 |     const j = Math.floor(Math.random() * (i + 1));
 88 |     [array[i], array[j]] = [array[j], array[i]];
 89 |   }
 90 |   return array;
 91 | };
 92 | 
 93 | // Search function with debouncing and URL update
 94 | let debounceTimer;
 95 | searchInput.addEventListener('keyup', () => {
 96 |   clearTimeout(debounceTimer);
 97 |   const searchTerm = searchInput.value.trim().toLowerCase();
 98 | 
 99 |   // Redirect if the search input is empty
100 |   if (searchTerm === '') {
101 |     window.location.href = '/'; // Redirect to the root URL if search input is empty
102 |     return; // Exit the function early
103 |   }
104 | 
105 |   debounceTimer = setTimeout(() => {
106 |     updateURL(searchTerm); // Update the URL with the search term
107 |     filterProfiles(searchTerm);
108 |   }, 300); // 300ms debounce time
109 | });
110 | 
111 | // Function to update the URL
112 | const updateURL = (searchTerm) => {
113 |   const url = new URL(window.location);
114 |   url.searchParams.set('search', searchTerm);
115 |   window.history.pushState({}, '', url);
116 | };
117 | 
118 | // Filter profiles based on search term
119 | const filterProfiles = (searchTerm) => {
120 |   const profiles = document.querySelectorAll('.profile');
121 |   let visibleProfiles = 0;
122 | 
123 |   profiles.forEach((profile) => {
124 |     const profileName = profile.querySelector('.name').innerText.trim().toLowerCase();
125 |     const skills = profile.querySelector('.skills').textContent.toLowerCase();
126 | 
127 |     if (profileName.includes(searchTerm) || skills.includes(searchTerm)) {
128 |       profile.style.display = 'flex';
129 |       visibleProfiles++;
130 |     } else {
131 |       profile.style.display = 'none';
132 |     }
133 |   });
134 | 
135 |   // Show or hide the no profiles message based on search results
136 |   noProfileMessage.style.display = (visibleProfiles === 0 && searchTerm !== '') ? 'block' : 'none'; // Show message if no profiles found
137 | };
138 | 
139 | // Scroll to top button functionality
140 | window.onscroll = function () {
141 |   fabButton.style.display = window.scrollY > 20 ? "block" : "none";
142 | };
143 | 
144 | fabButton.addEventListener("click", function () {
145 |   window.scrollTo({ top: 0, behavior: "smooth" });
146 | });
147 | 
148 | // Footer year display
149 | document.getElementById("currentYear").textContent = new Date().getFullYear();
150 | 
151 | // Load profiles when the page is ready
152 | loadProfiles();
153 | 
154 | // Load search term from URL on page load
155 | const searchTerm = urlParams.get('search') || '';
156 | searchInput.value = searchTerm; // Set the input value from the URL
157 | searchInput.focus(); // Focus the search input
158 | filterProfiles(searchTerm); // Filter profiles based on the URL search term
159 | 


--------------------------------------------------------------------------------
/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 | }


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