├── .env
├── .env.example
├── .eslintrc.json
├── .github
├── FUNDING.yml
├── ISSUE_TEMPLATE
│ ├── bug_report.md
│ └── feature_request.md
├── PULL_REQUEST_TEMPLATE.md
└── workflows
│ ├── greetings.yml
│ └── json-check.yml
├── .gitignore
├── CODE_OF_CONDUCT.md
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── SECURITY.md
├── data
└── users.json
├── jsconfig.json
├── next.config.js
├── package-lock.json
├── package.json
├── postcss.config.js
├── public
├── faizan.png
├── favicon.ico
├── next.svg
├── thirteen.svg
├── vercel.svg
├── x_large.png
├── x_logo_dark.png
└── x_nobg.png
├── src
├── ThemeContext.js
├── ThemeProvider.js
├── components
│ ├── Card.js
│ ├── LoadingCard.js
│ └── Spinner.js
├── pages
│ ├── _app.js
│ ├── _document.js
│ ├── api
│ │ ├── explore.js
│ │ ├── user.js
│ │ └── users.js
│ └── index.js
└── styles
│ └── globals.css
├── tailwind.config.js
└── yarn.lock
/.env:
--------------------------------------------------------------------------------
1 | # Environment variables declared in this file are automatically made available to Prisma.
2 | # See the documentation for more detail: https://pris.ly/d/prisma-schema#accessing-environment-variables-from-the-schema
3 |
4 | # Prisma supports the native connection string format for PostgreSQL, MySQL, SQLite, SQL Server, MongoDB and CockroachDB.
5 | # See the documentation for all the connection string options: https://pris.ly/d/connection-strings
6 |
7 | DATABASE_URL="postgresql://johndoe:randompassword@localhost:5432/mydb?schema=public"
--------------------------------------------------------------------------------
/.env.example:
--------------------------------------------------------------------------------
1 | DATABASE_URL=postgres://user:password@host:port/database_name
--------------------------------------------------------------------------------
/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "next/core-web-vitals"
3 | }
4 |
--------------------------------------------------------------------------------
/.github/FUNDING.yml:
--------------------------------------------------------------------------------
1 | # These are supported funding model platforms
2 |
3 | github: hellofaizan
4 | patreon: # Replace with a single Patreon username
5 | open_collective: # Replace with a single Open Collective username
6 | ko_fi: # Replace with a single Ko-fi username
7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
9 | liberapay: # Replace with a single Liberapay username
10 | issuehunt: # Replace with a single IssueHunt username
11 | otechie: # Replace with a single Otechie username
12 | lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
13 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
14 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/bug_report.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: Bug report
3 | about: Create a report to help us improve
4 | title: ''
5 | labels: ''
6 | assignees: ''
7 |
8 | ---
9 |
10 | **Describe the bug**
11 | A clear and concise description of what the bug is.
12 |
13 | **To Reproduce**
14 | Steps to reproduce the behavior:
15 | 1. Go to '...'
16 | 2. Click on '....'
17 | 3. Scroll down to '....'
18 | 4. See error
19 |
20 | **Expected behavior**
21 | A clear and concise description of what you expected to happen.
22 |
23 | **Screenshots**
24 | If applicable, add screenshots to help explain your problem.
25 |
26 | **Desktop (please complete the following information):**
27 | - OS: [e.g. iOS]
28 | - Browser [e.g. chrome, safari]
29 | - Version [e.g. 22]
30 |
31 | **Smartphone (please complete the following information):**
32 | - Device: [e.g. iPhone6]
33 | - OS: [e.g. iOS8.1]
34 | - Browser [e.g. stock browser, safari]
35 | - Version [e.g. 22]
36 |
37 | **Additional context**
38 | Add any other context about the problem here.
39 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/feature_request.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: Feature request
3 | about: Suggest an idea for this project
4 | title: ''
5 | labels: ''
6 | assignees: ''
7 |
8 | ---
9 |
10 | **Is your feature request related to a problem? Please describe.**
11 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
12 |
13 | **Describe the solution you'd like**
14 | A clear and concise description of what you want to happen.
15 |
16 | **Describe alternatives you've considered**
17 | A clear and concise description of any alternative solutions or features you've considered.
18 |
19 | **Additional context**
20 | Add any other context or screenshots about the feature request here.
21 |
--------------------------------------------------------------------------------
/.github/PULL_REQUEST_TEMPLATE.md:
--------------------------------------------------------------------------------
1 | ## What does this PR do?
2 |
3 |
4 |
5 | Fixes #(issue)
6 |
7 |
8 |
9 |
10 | ## Type of change
11 |
12 |
13 |
14 | - Bug fix (non-breaking change which fixes an issue)
15 | - Chore (refactoring code, technical debt, workflow improvements)
16 | - New feature (non-breaking change which adds functionality)
17 | - Breaking change (fix or feature that would cause existing functionality to not work as expected)
18 | - This change requires a documentation update
19 |
20 | ## How should this be tested?
21 |
22 |
23 |
24 | - [ ] Test A
25 | - [ ] Test B
26 |
27 | ## Mandatory Tasks
28 |
29 | - [ ] Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.
30 |
31 | ## Checklist
32 |
33 |
34 |
35 | - I haven't read the [contributing guide](https://github.com/hellofaizan/xprofile/blob/main/CONTRIBUTING.MD)
36 | - My code doesn't follow the style guidelines of this project
37 | - I haven't commented my code, particularly in hard-to-understand areas
38 | - I haven't checked if my PR needs changes to the documentation
39 | - I haven't checked if my changes generate no new warnings
40 | - I haven't added tests that prove my fix is effective or that my feature works
41 | - I haven't checked if new and existing unit tests pass locally with my changes
--------------------------------------------------------------------------------
/.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 }}! Soon the maintainers/owner will review it and provide you with feedback/suggestions. We're thrilled to dive into it and work together to find a solution."
21 | pr-message: 'Great job, @${{ github.actor }}! 🎉 Thank you for opening a pull request. Your contribution is valuable and we appreciate your efforts to improve our project. Drop a ⭐ Star to the repository'
22 | footer: 'Actually we been working on V2 of XProfile, want to join us [Join our Discord - Youth Icon](https://l.hellofaizan.me/discord).'
23 |
--------------------------------------------------------------------------------
/.github/workflows/json-check.yml:
--------------------------------------------------------------------------------
1 | name: JSON check
2 |
3 | on:
4 | pull_request:
5 | paths:
6 | - "data/users.json"
7 |
8 | jobs:
9 | check:
10 | runs-on: ubuntu-latest
11 | steps:
12 | - uses: actions/checkout@v3
13 | - name: json-syntax-check
14 | uses: limitusus/json-syntax-check@v2
15 | with:
16 | pattern: "\\.json$"
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # next.js
12 | /.next/
13 | /out/
14 |
15 | # production
16 | /build
17 |
18 | # misc
19 | .DS_Store
20 | *.pem
21 |
22 | # debug
23 | npm-debug.log*
24 | yarn-debug.log*
25 | yarn-error.log*
26 | .pnpm-debug.log*
27 |
28 | # local env files
29 | .env*.local
30 |
31 | # vercel
32 | .vercel
33 |
--------------------------------------------------------------------------------
/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 | faizancurious@gmail.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 Guide
2 |
3 | ## Issues & Pull Requests (not for Profiles)
4 |
5 | ### Creating an Issue
6 |
7 | Before **creating** an Issue for `features`/`bugs`/`improvements` please follow these steps:
8 |
9 | > _Note: this does not apply to creating/editing your profile_
10 |
11 | 1. search existing Issues before creating a new issue (has someone raised this already)
12 | 1. if it doesn't exist create a new issue giving as much context as possible (please select the correct Issue type, for example `bug` or `feature`)
13 | 1. if you wish to work on the Issue once it has been opened, please include this in your Issue description
14 |
15 | ### Working on an Issue (get it assigned to you)
16 |
17 | Before working on an existing Issue please follow these steps:
18 |
19 | 1. only ask to be assigned 1 issue at a time
20 | 1. comment asking for the issue to be assigned to you (do not tag maintainers on GitHub or Discord as all maintainers receive your comment notifications)
21 | 1. after the Issue is assigned to you, you can start working on it
22 | 1. **only** start working on this Issue (and open a Pull Request) when it has been assigned to you - this will prevent confusion, multiple people working on the same issue and work not being used
23 | 1. do **not** enable GitHub Actions on your fork
24 | 1. reference the Issue in your Pull Request (for example `closes #123`)
25 |
26 | > Notes:
27 | >
28 | > - check the `Assignees` box at the top of the page to see if the issue has been assigned to someone else before requesting this be assigned to you
29 | > - if an Issue is unclear, ask questions to get more clarity before asking to have the Issue assigned to you
30 | > - only request to be assigned an Issue if you know how to work on it
31 | > - an Issue can be assigned to multiple people, if you all agree to collaborate on the issue (the Pull Request can contain commits from different collaborators)
32 | > - any Issues that have no activity after 2 weeks will be unassigned and re-assigned to someone else
33 |
34 | ## Reviewing Pull Requests
35 |
36 | We welcome everyone to review Pull Requests, it is a great way to learn, network and support each other.
37 |
38 | ### DOs
39 |
40 | - be kind and respectful, we use inclusive, gender neutral language (for example `they/them` instead of `guy/man`)
41 | - use inline comments to explain your suggestions
42 | - use inline suggestions to propose changes
43 |
44 | ### DON'Ts
45 |
46 | - do not be rude, disrespectful or aggressive
47 | - do not repeat feedback, this creates more noise than value (check the existing conversation), use GitHub reactions if you agree/disagree with a comment
48 | - do not blindly approve pull requests to improve your GitHub contributors graph
49 |
50 | ---
51 |
52 | Please refer to the `Contributing` section of the website's documentation for more details https://x.hellofaizan.me
53 |
54 | ---
55 |
56 | > Note: Persistent non-compliance with this Contributing Guide can lead to a warning and/or ban under the [Code of Conduct](https://github.com/EddieHubCommunity/BioDrop/blob/main/CODE_OF_CONDUCT.md)
57 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2023 Mohammad Faizan
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # 𝕏 Profile Card
2 |
3 | > [!NOTE]
4 | > Working on version 2 with a lot of features. [Have a look by clicking here](https://github.com/Youth-Icon/xprofile)
5 | > also [join Discord](https://discord.gg/vUHMxPvege) to discuss upcoming features
6 |
7 | A website to list your Twitter ( 𝕏 ) and Github profile to the world
8 |
9 |
10 | 
11 |
12 |
13 |
14 | ## Languages/Tools
15 |
16 |
17 |
18 |
19 |
20 | ## 👩🏽💻 Demo
21 |
22 | Check out the website: [𝕏 Profiles](https://x.hellofaizan.me)
23 |
24 | ## 👇🏽 File Format
25 | ```json
26 | ,{
27 | "username": "hellofaizaan",
28 | "name": "Hello Faizan",
29 | "github": "hellofaizan",
30 | "banner_color": "#ff2500",
31 | "about": "I am a full stack developer and a competitive programmer. I love Chess♟️ also https://hellofaizan.me/"
32 | }
33 | ```
34 |
35 | | Key | Value |
36 | | ---- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
37 | | username | This value should be your Twitter (𝕏) username.|
38 | | name | This value should be your real name. |
39 | | github | The value should be your Github username |
40 | | banner_color | The value should contain any hex code for background just like Twitter eg: #fff, #000 |
41 | | about | Short simple `max 2 lines` about yourself, You can also include links which are clickable |
42 |
43 |
44 | ## 🛠️ Installation Steps
45 |
46 | ### 🔥 Add your profile using
47 |
48 | 1. Fork the project:
49 |
50 | - [Fork](https://github.com/hellofaizan/xprofile/fork) the project. Click on the icon in the top right to get started.
51 |
52 | 2. Create a New Branch:
53 |
54 | - On your new repository's page, click the gray `main` button in the upper left to reveal a dropdown menu.
55 | - Enter the name of your new branch in the text box. (Branch names usually make a reference to what is being changed. Example: `profileAdd`).
56 | - Click on `Create branch ` and this will automatically take you to your new branch. You can make edits on the main branch, but this may cause issues down the line. Best practice is to create a new branch for each separate issue you work on. That way, your `main` branch remains in sync with `xprofile` `main` branch.
57 |
58 | 3. Navigate to file:
59 |
60 | - Navigate to the `data/users.json` file.
61 |
62 | 4. Edit:
63 |
64 | - On the top right of the JSON file, click on the pencil icon to edit the file by adding your image, name and username.
65 | - You can add JSON object wherever you want in the file, it will automatically arrange according to alphabetical order.
66 | - After editing the JSON file, add a commit message and click on the green button saying "Commit Changes". Make sure you have selected the branch you have created.
67 |
68 | 5. Raise a Pull Request:
69 |
70 | - And finally, create a [Pull Request](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request)!
71 | - Great job! You did it!
72 | - Remember to PR in ```addProfile branch of repository```
73 |
74 |
75 | ## 🚀 Running locally
76 | To run locally, just `cd` into the project and run the following commands to run node modules and serve the website locally.
77 | ```bash
78 | yarn
79 | ```
80 |
81 | ```bash
82 | yarn run dev
83 | ```
84 |
85 | ## 💪🏽 Contributors
86 |
87 | Thank you all so much for spending your time to improve 𝕏 Profile.
88 |
89 |
90 |
91 |
92 |
93 | ## Repository Activity
94 |
95 | 
96 |
97 | ## Star History
98 |
99 |
100 |
101 |
102 |
103 |
104 |
105 |
106 |
107 |
108 | # Join Discord 💻
109 |
110 |
111 |
112 |
113 |
114 |
115 | ## Drop a ⭐ if you like this project
116 |
--------------------------------------------------------------------------------
/SECURITY.md:
--------------------------------------------------------------------------------
1 | # Security Policy
2 |
3 | - Please do not create GitHub issues to report security vulnerabilities.
4 | - Instead, report them via .
5 |
--------------------------------------------------------------------------------
/data/users.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "username": "aman_sahu",
4 | "name": "Aman Sahu",
5 | "github": "AMAN2001SAHU",
6 | "banner_color": "#ff2500",
7 | "about": "I'm a aspiring frontend developer"
8 | },
9 | {
10 | "username": "therahmaan",
11 | "name": "Aqueel ur rahman Khan",
12 | "github": "Rahmaaaan",
13 | "banner_color": "#1B191A",
14 | "about": "I am a full stack developer and a competitive programmer visit my portfolio https://portfolio-nine-silk-97.vercel.app/"
15 | },
16 | {
17 | "username": "shafi_mohammad_",
18 | "name": "Shafi Mohammad",
19 | "github": "shafimohammad09",
20 | "banner_color": "#ff2500",
21 | "about": "I'm a MERN Full Stack Web Developer -->https://www.linkedin.com/in/shafi-mohammad9/"
22 | },
23 | {
24 | "username": "jay009",
25 | "name": "Jay Thakur",
26 | "github": "Jay90123",
27 | "banner_color": "#ff2500",
28 | "about": "I am a python programmer and also have interest in cloud compputing"
29 | },
30 | {
31 | "username": "aatifcs13",
32 | "name": "Aatif Arsalan",
33 | "github": "aatifcs13",
34 | "banner_color": "#ff2500",
35 | "about": "Cricket🏏 Coding☕ Boxing🥊 Tech🧑💻 <> I'm Web Dev Enthusiast. Find me => https://aatif-arsalan.netlify.app/"
36 | },
37 | {
38 | "username": "VimalDu88372352",
39 | "name": "Vimal Dubey",
40 | "github": "vimal-Dubey",
41 | "banner_color": "#ff2500",
42 | "about": "I am a Blockchain Developer developer"
43 | },
44 | {
45 | "username": "gprs1022",
46 | "name": "Pradeep Singh",
47 | "github": "gprs1022",
48 | "banner_color": "#ff2500",
49 | "about": "I am a Mobile App developer"
50 | },
51 | {
52 | "username": "Veersen_2001",
53 | "name": "Veerbahadur Sen",
54 | "github": "Veersen2001",
55 | "banner_color": "#2BEBF4",
56 | "about": "I am a Full Stack Web Developer"
57 | },
58 | {
59 | "username": "aumiidutta",
60 | "name": "Saumili Dutta",
61 | "github": "aumii01codes",
62 | "banner_color": "#800000",
63 | "about": "Final year undergraduate student preparing to be a front-end developer, also co-manager of OS community"
64 | },
65 | {
66 | "username": "Muskan_s2004",
67 | "name": "Muskan Shukla",
68 | "github": "Muskan0739",
69 | "banner_color": "#ff2500",
70 | "about": "I am a Java Developer"
71 | },
72 | {
73 | "username": "sahdev04",
74 | "name": "Sahdev Patel",
75 | "github": "sahdev04",
76 | "banner_color": "#2BEBF4",
77 | "about": "Hello I am Sahdev student co-ordinator NAAC."
78 | },
79 | {
80 | "username": "avinash03082003",
81 | "name": "Avinash Agrawal",
82 | "github": "Avinash0308",
83 | "banner_color": "#2BEBF4",
84 | "about": "Main Kaun Hoon, Main Kya Hoon, Main bhi aap hoon."
85 | },
86 | {
87 | "username": "anishaga",
88 | "name": "Anish Agarwal",
89 | "github": "anishaga",
90 | "banner_color": "#09458f",
91 | "about": "Developer 👨🏻💻 "
92 | },
93 | {
94 | "username": "trapti77",
95 | "name": "trapti patel",
96 | "github": "trapti77",
97 | "banner_color": "#ff2500",
98 | "about": "I am frontend developer and also learnig bakend development.i'm competitive programmer ."
99 | },
100 | {
101 | "username": "_jinx_vi_",
102 | "name": "Adarsh",
103 | "github": "jinx-vi-0",
104 | "banner_color": "#800080",
105 | "about": "EAT - SLEEP - CODE - REPEAT"
106 | },
107 | {
108 | "username": "geekyAyushi",
109 | "name": "Ayushi Choudhary",
110 | "github": "ayushichoudhary-19",
111 | "banner_color": "rgb(238, 255, 142)",
112 | "about": "Front-End Developer learning React👩💻| CS @IGDTUW 🏢 | Mentor at @GDSC |Anime🩵 |"
113 | },
114 | {
115 | "username": "heyhimansh",
116 | "name": "Himanshu Rathore",
117 | "github": "heyhimansh",
118 | "banner_color": "#b1ff91",
119 | "about": "CP | Navigating the Full-stack Universe 👀🚀"
120 | },
121 | {
122 | "username": "Adonijah_Kimut",
123 | "name": "Adonijah Kiplimo",
124 | "github": "adonijah01",
125 | "banner_color": "#0085ca",
126 | "about": "Full-Stack Developer who uses MERN Stack "
127 | },
128 | {
129 | "username": "Brandon4Tenn",
130 | "name": "Brandon Thomas",
131 | "github": "BThomas22tech",
132 | "banner_color": "#0085ca",
133 | "about": "Full-Stack Python Developer who loves to play the piano🎶 "
134 | },
135 | {
136 | "username": "hellofaizaan",
137 | "name": "Hello Faizan",
138 | "github": "hellofaizan",
139 | "banner_color": "#ff2500",
140 | "about": "Chess♟ Coding☕ Football⚽ Tech🧑💻 <> I do random stuff just to make other person laugh. Find me => https://hellofaizan.me/"
141 | },
142 | {
143 | "username": "zainab_nisa_",
144 | "name": "Zainab Nisa",
145 | "github": "ZainabNisa786",
146 | "banner_color": "#f5f5f5",
147 | "about": "I'm زينب | • learning Code • ui/ux-design"
148 | },
149 | {
150 | "username": "Esemonday1",
151 | "name": "Ese Monday",
152 | "github": "ESE-MONDAY",
153 | "banner_color": "#2BEBF4",
154 | "about": "Frontend Developer | Technical Writer | Nextjs, TypeScript , Tailwindcss Web3 | Building the digital world one project at a time 🚀💻"
155 | },
156 | {
157 | "username": "iaminfinil",
158 | "name": "Infinil",
159 | "github": "infinil",
160 | "banner_color": "#800080",
161 | "about": "Built Animenetic & SpaceVoid • Solo Developer 👨🏻💻 • Anime Otaku 📺 • Space Enthusiast 🚀 • CSE Student 👨🏻🎓"
162 | },
163 | {
164 | "username": "nindri_mott",
165 | "name": "Ikhlaq Malik",
166 | "github": "ikhlaqmalik13",
167 | "banner_color": "#000080",
168 | "about": "1+1=10, 19: 48 | Koshur | Software Developer | CSE AMU | Lost in code, electronics, machines, graphs."
169 | },
170 | {
171 | "username": "Neutron975",
172 | "name": "Shiva",
173 | "github": "Shiva953",
174 | "banner_color": "#3b41ff",
175 | "about": "Paradoxically Naive Rational Optimist | Likes Technology,Open Source and Exploring Finance | Loves Podcasts, Books and Memes"
176 | },
177 | {
178 | "username": "bhavaygarg",
179 | "name": "Bhavay Garg",
180 | "github": "0takugod",
181 | "banner_color": "#48D1CC",
182 | "about": "CSE + Games + Anime + Open source = Me. | I love coffee. "
183 | },
184 | {
185 | "username": "farfa7886",
186 | "name": "Farfa",
187 | "github": "Farfa7886",
188 | "banner_color": "#09458f",
189 | "about": "15 y/o kid from Italy that has a passion for programming"
190 | },
191 | {
192 | "username": "Sxamoecode",
193 | "name": "Samuel",
194 | "github": "Sxamoecode",
195 | "banner_color": "#86098f",
196 | "about": "Software engineer | Backend development | Problem Solver | Loves contributing to Open Source && Collaborating"
197 | },
198 | {
199 | "username": "okkattiboy",
200 | "name": "Akshara Hegde",
201 | "github": "aksharahegde",
202 | "banner_color": "#00dbda",
203 | "about": "Senior Fullstack Engineer | Writer | Visit aksharahegde.xyz"
204 | },
205 | {
206 | "username": "BacotMath",
207 | "name": "Bang Domath",
208 | "github": "DomathID",
209 | "banner_color": "#008080",
210 | "about": "I I'am just an NPC | Anime Enthusiast | Write yukinoshita.web.id"
211 | },
212 | {
213 | "username": "dev_mannuu",
214 | "name": "Mannu",
215 | "github": "MannuVilasara",
216 | "banner_color": "#ff1493",
217 | "about": "Mannu | 16yo from India currenty working in cyber security | Chess, Anime, Coffee | Cats 🐈⬛ | Community Manager (Moderator at DEV communtiy)"
218 | },
219 | {
220 | "username": "prabhurupe",
221 | "name": "Rupesh Prabhu",
222 | "github": "rupeshprabhu",
223 | "banner_color": "#00dbda",
224 | "about": "Rupesh Prabhu | Frontend Developer currently in India | Loves to review and understand technology"
225 | },
226 | {
227 | "username": "GurnavChaudhary",
228 | "name": "Gurnav chaudhary",
229 | "github": "Gurnav224",
230 | "banner_color": "#00dbda",
231 | "about": "I'm an aspiring full-stack MERN developer from India, currently in my final year of BCA studies"
232 | },
233 | {
234 | "username": "salman_codes",
235 | "name": "Salman Akhtar",
236 | "github": "salmanakhtar57",
237 | "banner_color": "#00dbda",
238 | "about": "Web Developer | Machine Learning Enthusiast | Tech Writer"
239 | },
240 | {
241 | "username": "AsharMallick86",
242 | "name": "Ashar Mallick",
243 | "github": "AsharMallick",
244 | "banner_color": "#d4d319",
245 | "about": "I'm an aspiring full-stack MERN developer from Pakistan who converts coffee into code"
246 | },
247 | {
248 | "username": "abdulqu87130365",
249 | "name": "Abdul Quadir",
250 | "github": "cdxgh",
251 | "banner_color": "#ff2501",
252 | "about": " Coding☕ cricket Tech🧑💻. Innovative Developer & Entrepreneur shaping impactful tech solutions for a better future. https://abdulquadir-portfolio-website.netlify.app/"
253 | },
254 | {
255 | "username": "ibrahimSetup",
256 | "name": "Ibrahim",
257 | "github": "adebayoibrahim",
258 | "banner_color": "#212121",
259 | "about": " An ambitious web programmer. https://ibrahim-setup.netlify.app/"
260 | },
261 | {
262 | "username": "joeimproves",
263 | "name": "Joe",
264 | "github": "JoePelusoImproves",
265 | "banner_color": "#e62d34",
266 | "about": " An Optimistic Futurist Committed To Changing The World One Line of Code, One Perspective, and One Person At A Time! GT Industrial Eng. 2014 and GT Computer Science 2026 (in progress)"
267 | },
268 | {
269 | "username": "Sarcas_tik",
270 | "name": "Pratik Warhade",
271 | "github": "nexuspy",
272 | "banner_color": "#BC7AF9",
273 | "about": "Making magic happen through lines of code ✨"
274 | },
275 | {
276 | "username": "Hahaha138189188",
277 | "name": "Hashir Kashif",
278 | "github": "ihashir",
279 | "banner_color": "#f57f3b",
280 | "about": "A passionate coder making futuristic projects for the world."
281 | },
282 | {
283 | "username": "anonymous_403__",
284 | "name": "404",
285 | "github": "DUMBANIKET",
286 | "banner_color": "#212121",
287 | "about": "A vim user"
288 | },
289 | {
290 | "username": "charan_kodali",
291 | "name": "Charan",
292 | "github": "charankodali",
293 | "banner_color": "#f2f2f2",
294 | "about": "Undergraduate🦀 | Looking into the Front-end 👀🤺"
295 | },
296 | {
297 | "username": "sueii__",
298 | "name": "Folarin Raphael",
299 | "github": "darksuei",
300 | "banner_color": "#0579C3",
301 | "about": "Passionate FullStack Software developer. I love cats ✨"
302 | },
303 | {
304 | "username": "nrmnqdds",
305 | "name": "NURIMAN QUDDUS",
306 | "github": "qryskalyst20",
307 | "banner_color": "#00FFFF",
308 | "about": "Next.js Dev"
309 | },
310 | {
311 | "username": "TammyAlok2",
312 | "name": "Alok Tamrakar ",
313 | "github": "TammyAlok2",
314 | "banner_color": "#ff2500",
315 | "about": "I am a full stack developer and a competitive programmer. I love Chess♟️ also I am backend lead of Adsc"
316 | },
317 | {
318 | "username": "rancho2002",
319 | "name": "Arijit Ghosh",
320 | "github": "rancho2002",
321 | "banner_color": "#0579C3",
322 | "about": "I am a python programmer and a lamp stack developer"
323 | },
324 | {
325 | "username": "Divya4879",
326 | "name": "Divya",
327 | "github": "Divya4879",
328 | "banner_color": "#0579C3",
329 | "about": "I am a python programmer , web developer and I am learning data analysis at the moment."
330 | },
331 | {
332 | "username": "princedncg",
333 | "name": "Prince Kumar",
334 | "github": "prince-63",
335 | "banner_color": "#abeb7a",
336 | "about": "I am a software developer and microsoft learn student ambassador"
337 | },
338 | {
339 | "username": "ashu_rai_06",
340 | "name": "Ashutosh Rai",
341 | "github": "Ashutosh0602",
342 | "banner_color": "#C2442D",
343 | "about": "Full Stack Javascript | Python Developer"
344 | },
345 | {
346 | "username": "AnkurGattani",
347 | "name": "Ankur Gattani",
348 | "github": "AnkurGattani",
349 | "banner_color": "#71c4cf",
350 | "about": "Java Developer"
351 | },
352 | {
353 | "username": "_sudhanshu97",
354 | "name": "Sudhanshu Singh",
355 | "github": "sudhanshusingh-g",
356 | "banner_color": "#ffb000",
357 | "about": "Frontend Developer | Open Source Contributor | https://sudhanshusingh-g.github.io./"
358 | },
359 | {
360 | "username": "ArnabGH62449074",
361 | "name": "Arnab Ghosh",
362 | "github": "ArnabBCA",
363 | "banner_color": "#5222c9",
364 | "about": "I am a Full Stack (MERN) React.js Web Developer"
365 | },
366 | {
367 | "username": "AkshajAgarwal6",
368 | "name": "Akshaj Agarwal",
369 | "github": "Akshaj1017",
370 | "banner_color": "#0155FE",
371 | "about": "I am an AI/ML enthusiast who has contributed to the field of data science and data analytics."
372 | },
373 | {
374 | "username": "khuzhi_sharma",
375 | "name": "Khushi Sharma",
376 | "github": "khushi2762",
377 | "banner_color": "#DEA6E4",
378 | "about": "Driven by a desire to create positive change through technology, I am on a mission to become a software engineer."
379 | },
380 | {
381 | "username": "gaurav911",
382 | "name": "Gaurav Yadav",
383 | "github": "gaurav9117",
384 | "banner_color": "#323273",
385 | "about": "MERN developer | ReactJS 🚀 MongoDB 📊 Express 🛠️ NodeJS 💻 | AR Developer | MetaSpark "
386 | },
387 | {
388 | "username": "donib_irakihda",
389 | "name": "Binod Adhikari",
390 | "github": "iDonib",
391 | "banner_color": "#d7e5ff",
392 | "about": "Node JS Backend Developer | https://binodadk.com.np"
393 | },
394 | {
395 | "username": "Devanshu_Koli",
396 | "name": "Devanshu Koli",
397 | "github": "Devanshukoli",
398 | "banner_color": "#3b41ff",
399 | "about": "I am Back-End Engineer and Also a Open-Source contributor. "
400 | },
401 | {
402 | "username": "aman_rana0",
403 | "name": "Aman Raj Rana",
404 | "github": "amanrajranra",
405 | "banner_color": "#b931fc",
406 | "about": "MERN developer | ReactJS 🚀 MongoDB 📊 Express 🛠️ NodeJS 💻 | Clean code enthusiast | Agile methodologies | Let's build amazing web apps! 🌐"
407 | },
408 | {
409 | "username": "united_emotion",
410 | "name": "Abhay",
411 | "github": "darkbits018",
412 | "banner_color": "#b931fc",
413 | "about": "Student, Aspiring Developer, Web 3 and Open Source Enthusiasist"
414 | },
415 | {
416 | "username": "PrathmKusalkr1",
417 | "name": "Prathamesh Kusalkar",
418 | "github": "KPrathamesh-27",
419 | "banner_color": "#281d6c",
420 | "about": "Hi 👋 I'am Open Source + MERN + Coffee => Me 👨💻 | https://www.linkedin.com/in/prathamesh-kusalkar-05788a219/"
421 | },
422 | {
423 | "username": "SanketNaitam1",
424 | "name": "Sanket Naitam",
425 | "github": "SankN22",
426 | "banner_color": "#481d6c",
427 | "about": "A passionate geek with a strong ambition to change the world through coding. | https://www.linkedin.com/in/sanket-naitam-8aba47207/ ;)."
428 | },
429 | {
430 | "username": "KomSenapati",
431 | "name": "K.om Senapati",
432 | "github": "kom-senapati",
433 | "banner_color": "#0579C3",
434 | "about": "I am a Python programmer. I love open source also https://linktr.ee/kom_senapati"
435 | },
436 | {
437 | "username": "harshsinghcs",
438 | "name": "Harsh Singh",
439 | "github": "harshsinghcs",
440 | "banner_color": "#ff2500",
441 | "about": "I am a full stack developer and a competitive programmer. https://linktr.ee/harshsinghcs"
442 | },
443 | {
444 | "username": "SharmaNishant_",
445 | "name": "Nishant Sharma",
446 | "github": "NishantSharma48",
447 | "banner_color": "#E4E4E4",
448 | "about": "Student, Aspiring software Developer, Web 3 and Open Source Enthusiasist My linkedin https://www.linkedin.com/in/nishant-sharma48/"
449 | },
450 | {
451 | "username": "FabianCristancho",
452 | "name": "Fabian Cristancho",
453 | "github": "FabianCristancho",
454 | "banner_color": "#1a78a3",
455 | "about": "Professional in software development, and I like to create multiple apps. My link is https://github.com/FabianCristancho"
456 | },
457 | {
458 | "username": "jcquieta_158",
459 | "name": "John Carl Quieta",
460 | "github": "jcgaming-official",
461 | "banner_color": "#00dbda",
462 | "about": "An Android Modder who loves to Reverse Engineer the Applications. Check it out also https://jcquieta.is-a.dev/"
463 | },
464 | {
465 | "username": "ItsVinjk",
466 | "name": "Vineet Karni",
467 | "github": "vineetjk",
468 | "banner_color": "#F4C430",
469 | "about": "🌟 Crafting digital dreams in the Garden City of India, one line of code at a time! 💻✨"
470 | },
471 | {
472 | "username": "Psycopomp1051",
473 | "name": "Psycopomp1051",
474 | "github": "Psycopomp1051",
475 | "banner_color": "#ff2500",
476 | "about": "I am a full stack developer."
477 | },
478 | {
479 | "username": "VICKYTHOMBRE",
480 | "name": "Vivek Thombre",
481 | "github": "VICKYTHOMBRE",
482 | "banner_color": "#ff2500",
483 | "about": "I am a ethical hacker"
484 | },
485 | {
486 | "username": "oyepriyansh",
487 | "name": "Priyansh Prajapat",
488 | "github": "oyepriyansh",
489 | "banner_color": "#ff2500",
490 | "about": "HTML Hacker | https://oyepriyansh.github.io"
491 | },
492 | {
493 | "username": "ariyoaresa",
494 | "name": "Olatunji-Aresa Ariyo",
495 | "github": "ariyoaresa",
496 | "banner_color": "#ffff6aa9",
497 | "about": "Frontend website developer | https://ariyoaresa.github.io/portfolio"
498 | },
499 | {
500 | "username": "harjasae2001",
501 | "name": "Harjas Singh",
502 | "github": "harjasae2001",
503 | "banner_color": "#D88373",
504 | "about": "Passionate web developer and tech enthusiast. Crafting stunning websites and dynamic applications. Meticulous problem-solver, turning complexity into elegance."
505 | }
506 | ]
507 |
--------------------------------------------------------------------------------
/jsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "baseUrl": ".",
4 | "paths": {
5 | "@/*": ["./src/*"]
6 | }
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/next.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | const nextConfig = {
3 | reactStrictMode: true,
4 | }
5 |
6 | module.exports = {
7 | images: {
8 | remotePatterns: [
9 | {
10 | protocol: 'https',
11 | hostname: 'images-ext-1.discordapp.net',
12 | port: '',
13 | pathname: '/**',
14 | },
15 | {
16 | protocol: 'https',
17 | hostname: 'avatars.githubusercontent.com',
18 | port: '',
19 | pathname: '/**',
20 | },
21 | {
22 | protocol: 'https',
23 | hostname: 'i.imgur.com',
24 | port: '',
25 | pathname: '/**',
26 | },
27 | ],
28 | },
29 | }
30 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "apis",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start",
9 | "lint": "next lint"
10 | },
11 | "dependencies": {
12 | "@next/font": "13.1.6",
13 | "@nextui-org/react": "^1.0.0-beta.12",
14 | "@tailwindcss/forms": "^0.5.4",
15 | "@tailwindcss/line-clamp": "^0.4.4",
16 | "@vercel/analytics": "^1.0.1",
17 | "axios": "^1.3.4",
18 | "bootstrap-icons": "^1.10.3",
19 | "dotenv": "^16.0.3",
20 | "eslint": "8.33.0",
21 | "eslint-config-next": "13.1.6",
22 | "framer-motion": "^10.1.0",
23 | "next": "13.1.6",
24 | "pg": "^8.10.0",
25 | "react": "18.2.0",
26 | "react-dom": "18.2.0",
27 | "react-infinite-scroll-component": "^6.1.0",
28 | "swr": "^2.2.0"
29 | },
30 | "devDependencies": {
31 | "autoprefixer": "^10.4.13",
32 | "postcss": "^8.4.21",
33 | "tailwindcss": "^3.2.6"
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | plugins: {
3 | tailwindcss: {},
4 | autoprefixer: {},
5 | },
6 | }
7 |
--------------------------------------------------------------------------------
/public/faizan.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hellofaizan/xprofile/e36d7050e6c88ca253488bb0be3efee6060bf823/public/faizan.png
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hellofaizan/xprofile/e36d7050e6c88ca253488bb0be3efee6060bf823/public/favicon.ico
--------------------------------------------------------------------------------
/public/next.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/public/thirteen.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/public/vercel.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/public/x_large.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hellofaizan/xprofile/e36d7050e6c88ca253488bb0be3efee6060bf823/public/x_large.png
--------------------------------------------------------------------------------
/public/x_logo_dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hellofaizan/xprofile/e36d7050e6c88ca253488bb0be3efee6060bf823/public/x_logo_dark.png
--------------------------------------------------------------------------------
/public/x_nobg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hellofaizan/xprofile/e36d7050e6c88ca253488bb0be3efee6060bf823/public/x_nobg.png
--------------------------------------------------------------------------------
/src/ThemeContext.js:
--------------------------------------------------------------------------------
1 | import { createContext } from "react";
2 |
3 | const ThemeContext = createContext({});
4 |
5 | export default ThemeContext;
6 |
--------------------------------------------------------------------------------
/src/ThemeProvider.js:
--------------------------------------------------------------------------------
1 | import ThemeContext from "./ThemeContext";
2 | import { useState } from "react";
3 |
4 | const ThemeProvider = ({ children }) => {
5 | const [theme, setTheme] = useState("");
6 |
7 | const toggleTheme = () => {
8 | setTheme(theme == "light" ? "dark" : "light");
9 | };
10 | const data = {
11 | toggleTheme,
12 | theme,
13 | setTheme,
14 | };
15 | return {children};
16 | };
17 |
18 | export default ThemeProvider;
19 |
--------------------------------------------------------------------------------
/src/components/Card.js:
--------------------------------------------------------------------------------
1 | import React, { useContext } from "react";
2 | import Image from "next/image";
3 | import Link from "next/link";
4 | import ThemeContext from "@/ThemeContext";
5 |
6 | const Card = (props) => {
7 | const { bannerColor, github, name, username, about } = props;
8 | const aboutLink = about.includes("http");
9 | const { theme } = useContext(ThemeContext);
10 |
11 | let aboutLinkMain;
12 | let aboutWithoutLink;
13 | // if aboutLink is true, then make it clickable
14 | if (aboutLink) {
15 | const aboutArray = about.split(" ");
16 | aboutLinkMain = aboutArray.find((element) => element.includes("http"));
17 | const aboutLinkIndex = aboutArray.indexOf(aboutLinkMain);
18 | aboutArray.splice(aboutLinkIndex, 1);
19 | aboutWithoutLink = aboutArray.join(" ");
20 | }
21 | return (
22 | <>
23 | {/* design a card using tailwind css good ui */}
24 |