├── .github └── workflows │ ├── codeql-analysis.yml │ └── rebase.yaml ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── codecov.yml └── contribution-app ├── .gitignore ├── README.md ├── craco.config.js ├── package-lock.json ├── package.json ├── public ├── favicon.ico ├── hacktoberfest.svg ├── index.html ├── manifest.json └── robots.txt ├── src ├── App.css ├── App.js ├── components │ ├── About.jsx │ ├── Contact.jsx │ ├── Content.jsx │ ├── Footer.jsx │ ├── Images │ │ ├── FP1.png │ │ ├── FP2.png │ │ └── MP1.png │ ├── Navbar.css │ ├── Navbar.jsx │ ├── Profilecard.css │ ├── Profilecard.jsx │ └── logo.svg ├── hook │ └── useDarkMode.js ├── index.css └── index.js └── tailwind.config.js /.github/workflows/codeql-analysis.yml: -------------------------------------------------------------------------------- 1 | # For most projects, this workflow file will not need changing; you simply need 2 | # to commit it to your repository. 3 | # 4 | # You may wish to alter this file to override the set of languages analyzed, 5 | # or to provide custom queries or build logic. 6 | # 7 | # ******** NOTE ******** 8 | # We have attempted to detect the languages in your repository. Please check 9 | # the `language` matrix defined below to confirm you have the correct set of 10 | # supported CodeQL languages. 11 | # 12 | name: "CodeQL" 13 | 14 | on: 15 | push: 16 | branches: [ main ] 17 | pull_request: 18 | # The branches below must be a subset of the branches above 19 | branches: [ main ] 20 | schedule: 21 | - cron: '22 1 * * 1' 22 | 23 | jobs: 24 | analyze: 25 | name: Analyze 26 | runs-on: ubuntu-latest 27 | permissions: 28 | actions: read 29 | contents: read 30 | security-events: write 31 | 32 | strategy: 33 | fail-fast: false 34 | matrix: 35 | language: [ 'javascript' ] 36 | # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python', 'ruby' ] 37 | # Learn more about CodeQL language support at https://git.io/codeql-language-support 38 | 39 | steps: 40 | - name: Checkout repository 41 | uses: actions/checkout@v2 42 | 43 | # Initializes the CodeQL tools for scanning. 44 | - name: Initialize CodeQL 45 | uses: github/codeql-action/init@v1 46 | with: 47 | languages: ${{ matrix.language }} 48 | # If you wish to specify custom queries, you can do so here or in a config file. 49 | # By default, queries listed here will override any specified in a config file. 50 | # Prefix the list here with "+" to use these queries and those in the config file. 51 | # queries: ./path/to/local/query, your-org/your-repo/queries@main 52 | 53 | # Autobuild attempts to build any compiled languages (C/C++, C#, or Java). 54 | # If this step fails, then you should remove it and run the build manually (see below) 55 | - name: Autobuild 56 | uses: github/codeql-action/autobuild@v1 57 | 58 | # ℹ️ Command-line programs to run using the OS shell. 59 | # 📚 https://git.io/JvXDl 60 | 61 | # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines 62 | # and modify them (or add more) to build your code if your project 63 | # uses a compiled language 64 | 65 | #- run: | 66 | # make bootstrap 67 | # make release 68 | 69 | - name: Perform CodeQL Analysis 70 | uses: github/codeql-action/analyze@v1 71 | -------------------------------------------------------------------------------- /.github/workflows/rebase.yaml: -------------------------------------------------------------------------------- 1 | name: Automatic Rebase 2 | on: 3 | issue_comment: 4 | types: [created] 5 | jobs: 6 | rebase: 7 | name: Rebase 8 | if: github.event.issue.pull_request != '' && contains(github.event.comment.body, '/rebase') 9 | runs-on: ubuntu-latest 10 | steps: 11 | - name: Checkout the latest code 12 | uses: actions/checkout@v2 13 | with: 14 | token: ${{ secrets.GITHUB_TOKEN }} 15 | fetch-depth: 0 16 | - name: Automatic Rebase 17 | uses: cirrus-actions/rebase@1.4 18 | env: 19 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 20 | -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, sex characteristics, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, or sexual identity and orientation. 6 | 7 | ## Our Standards 8 | 9 | Examples of behavior that contributes to creating a positive environment include: 10 | 11 | - Using welcoming and inclusive language 12 | - Being respectful of differing viewpoints and experiences 13 | - Gracefully accepting constructive criticism 14 | - Focusing on what is best for the community 15 | - Showing empathy towards other community members 16 | 17 | Examples of unacceptable behavior by participants include: 18 | 19 | - The use of sexualized language or imagery and unwelcome sexual attention or advances 20 | - Trolling, insulting/derogatory comments, and personal or political attacks 21 | - Public or private harassment 22 | - Publishing others' private information, such as a physical or electronic address, without explicit permission 23 | - Other conduct which could reasonably be considered inappropriate in a professional setting 24 | 25 | ## Our Responsibilities 26 | 27 | Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior. 28 | 29 | Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful. 30 | 31 | ## Scope 32 | 33 | This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers. 34 | 35 | 36 | ### Attribution 37 | This Code of Conduct is adapted from the Contributor Covenant, version 1.4, available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html 38 | 39 | For answers to common questions about this code of conduct, see https://www.contributor-covenant.org/faq -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | ## Contribution Guidelines 2 | 3 | [![GitHub pull requests](https://img.shields.io/github/issues-pr-raw/Buddhad/Contribution_Website?logo=git&logoColor=white)](https://github.com//Buddhad/Contribution_Website/compare) [![GitHub contributors](https://img.shields.io/github/contributors/Buddhad/Contribution_Website?logo=github)](https://github.com/Buddhad/Contribution_Website/graphs/contributors) [![Buddhadeb Chhetri](https://img.shields.io/badge/Author-@vinitshahdeo-gray.svg?colorA=gray&colorB=dodgerblue&logo=github)](https://github.com/Buddhad/) 4 | 5 | - Write clear meaningful git commit messages (Do read [this](http://chris.beams.io/posts/git-commit/)). 6 | 7 | - Make sure your PR's description contains GitHub's special keyword references that automatically close the related issue when the PR is merged. (Check [this](https://github.com/blog/1506-closing-issues-via-pull-requests) for more info) 8 | 9 | - When you make very very minor changes to a PR of yours (like for example fixing a text in button, minor changes requested by reviewers) make sure you squash your commits afterward so that you don't have an absurd number of commits for a very small fix. (Learn how to squash at [here](https://davidwalsh.name/squash-commits-git)) 10 | 11 | - When you're submitting a PR for a UI-related issue, it would be really awesome if you add a screenshot of your change or a link to a deployment where it can be tested out along with your PR. It makes it very easy for the reviewers and you'll also get reviews quicker. 12 | 13 | 14 | - Always create PR to `develop` branch. 15 | 16 | - Please read our [Code of Conduct](./CODE_OF_CONDUCT.md). 17 | 18 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Buddhadeb Chhetri 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 | # Contribution_Website 2 | Contribution Website for all the Hackoberfest21 Participant 3 | 4 |

Getting Started with Contribution Website

5 |
6 | 7 |
8 | 9 | [![Welcome to my profile](https://img.shields.io/badge/Hello,Programmer!-Welcome-blue.svg?style=flat&logo=github)](https://github.com/utkarsh1504) 10 | [![Open Source Love](https://badges.frapsoft.com/os/v2/open-source.svg?v=103)](https://github.com/Buddhad/Contribution_Website) 11 | ![Lines of code](https://img.shields.io/tokei/lines/github/Buddhad/Contribution_Website?color=red&label=Lines%20of%20Code) 12 | ![License](https://img.shields.io/bower/l/react?color=green) 13 | ![Stars](https://img.shields.io/github/stars/Buddhad/Contribution_Website?style=flat&logo=github) 14 | ![Forks](https://img.shields.io/github/forks/Buddhad/Contribution_Website?style=flat&logo=github) 15 | 16 |
17 | 18 |
19 | hacktoberfest21 20 |
21 | 22 |
23 | 24 |
25 | 26 | html 27 | css 28 | 29 | js 30 | os 31 | check 32 | 33 | 34 |
35 | 36 | 37 |

Table of Contents

38 |
    39 |
  1. Getting Started
    2. 40 |
  2. Lesson Requests
    3. 41 |
  3. Contributing
    4. 42 |
  4. Pull Requests
    5. 43 |
  5. License
    6. 44 |
45 | 46 | 47 | ## **Getting Started** 48 | 49 | For the quick start, you can follow the steps below: 50 | 51 | 1. Star this repository. 52 | 2. Fork this repository. 53 | 3. Clone the **forked** repository. 54 | 55 | ```yml 56 | git clone https://github.com//Contribution_Website.git 57 | ``` 58 | 3. Navigate to the project directory. 59 | 60 | ```py 61 | cd contribution-app 62 | ``` 63 | 64 | 4. Create a new branch. 65 | 66 | ```yml 67 | git checkout -b 68 | ``` 69 | 70 | Run the following command to install the required dependencies. 71 | 72 | 1. `npm install` - install the required dependencies 73 | 2. `npm start` - start the development server 74 | 3. Open http://localhost:8000 in your browser 75 | 76 | 4. [Contribute](./CONTRIBUTING.md) 77 | 5. Stage your changes and commit 78 | 79 | ```css 80 | git add -a 81 | 82 | git commit -m "" 83 | ``` 84 | 85 | 6. Push your local commits to the remote repo. 86 | 87 | ```yml 88 | git push -u origin 89 | ``` 90 | 91 | 7. Create a Pull-Request to `main`. 92 | 93 | 8. Congratulations! 🎉 you've made your contribution to Contribution Website. ✌️ ❤️ 💥 94 | 95 |

Contributing

96 |

97 | Thank you for your interest in contributing to our Repo! Pull requests are welcome. For fixing typos, please make a PR with your fixes. For other contributions, we suggest you to read our contribution guidelines to see how you can contribute to this project. We are happy for every contribution. 98 | 99 |

100 | 101 |

Issues & Pull Requests

102 | 103 | Before making pull requests please look at our contributing guidelines. You can start working on the issue which are mentioned in issues section. Just drop a comment before working on the issue. Thank you! 104 | 105 |

License

106 | 107 | The **code** is this repo is licensed under the MIT license. Feel free to use and share it as per the license. 108 | 109 |
110 | 111 | # ✨ Contributors 112 | 113 | 114 | 115 | 116 |
117 | love 118 | how 119 |
120 | -------------------------------------------------------------------------------- /codecov.yml: -------------------------------------------------------------------------------- 1 | CODECOV_TOKEN='12dff50d-93da-4e6c-b08b-9ac82a4dbf3b' 2 | -------------------------------------------------------------------------------- /contribution-app/.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 | .vscode 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /contribution-app/README.md: -------------------------------------------------------------------------------- 1 | # Getting Started with Create React App 2 | 3 | This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). 4 | 5 | ## Available Scripts 6 | 7 | In the project directory, you can run: 8 | 9 | ### `yarn start` 10 | 11 | Runs the app in the development mode.\ 12 | Open [http://localhost:3000](http://localhost:3000) to view it in the browser. 13 | 14 | The page will reload if you make edits.\ 15 | You will also see any lint errors in the console. 16 | 17 | ### `yarn test` 18 | 19 | Launches the test runner in the interactive watch mode.\ 20 | See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information. 21 | 22 | ### `yarn build` 23 | 24 | Builds the app for production to the `build` folder.\ 25 | It correctly bundles React in production mode and optimizes the build for the best performance. 26 | 27 | The build is minified and the filenames include the hashes.\ 28 | Your app is ready to be deployed! 29 | 30 | See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. 31 | 32 | ### `yarn eject` 33 | 34 | **Note: this is a one-way operation. Once you `eject`, you can’t go back!** 35 | 36 | If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project. 37 | 38 | Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own. 39 | 40 | You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it. 41 | 42 | ## Learn More 43 | 44 | You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). 45 | 46 | To learn React, check out the [React documentation](https://reactjs.org/). 47 | 48 | ### Code Splitting 49 | 50 | This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting) 51 | 52 | ### Analyzing the Bundle Size 53 | 54 | This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size) 55 | 56 | ### Making a Progressive Web App 57 | 58 | This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app) 59 | 60 | ### Advanced Configuration 61 | 62 | This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration) 63 | 64 | ### Deployment 65 | 66 | This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment) 67 | 68 | ### `yarn build` fails to minify 69 | 70 | This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify) 71 | -------------------------------------------------------------------------------- /contribution-app/craco.config.js: -------------------------------------------------------------------------------- 1 | // craco.config.js 2 | module.exports = { 3 | style: { 4 | postcss: { 5 | plugins: [require("tailwindcss"), require("autoprefixer")], 6 | }, 7 | }, 8 | }; 9 | -------------------------------------------------------------------------------- /contribution-app/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "contribution-app", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "@craco/craco": "^6.3.0", 7 | "@testing-library/jest-dom": "^5.11.4", 8 | "@testing-library/react": "^11.1.0", 9 | "@testing-library/user-event": "^12.1.10", 10 | "daisyui": "^1.14.2", 11 | "react": "^17.0.2", 12 | "react-dom": "^17.0.2", 13 | "react-icons": "^4.2.0", 14 | "react-router-dom": "^5.3.0", 15 | "react-scripts": "4.0.3", 16 | "react-spinners": "^0.11.0", 17 | "web-vitals": "^1.0.1" 18 | }, 19 | "scripts": { 20 | "start": "craco start", 21 | "build": "CI='' craco build", 22 | "test": "craco test", 23 | "eject": "react-scripts eject" 24 | }, 25 | "eslintConfig": { 26 | "extends": [ 27 | "react-app", 28 | "react-app/jest" 29 | ] 30 | }, 31 | "browserslist": { 32 | "production": [ 33 | ">0.2%", 34 | "not dead", 35 | "not op_mini all" 36 | ], 37 | "development": [ 38 | "last 1 chrome version", 39 | "last 1 firefox version", 40 | "last 1 safari version" 41 | ] 42 | }, 43 | "devDependencies": { 44 | "autoprefixer": "^9.8.7", 45 | "follow-redirects": ">=1.14.8", 46 | "node-forge": ">=1.3.0", 47 | "nth-check": ">=2.0.1", 48 | "immer": ">=9.0.6", 49 | "postcss": "^8.2.13", 50 | "nanoid": ">=3.1.31", 51 | "ansi-html": "^0.0.8", 52 | "ansi-html-community": "^0.0.8", 53 | "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.16" 54 | } 55 | } 56 | -------------------------------------------------------------------------------- /contribution-app/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Buddhad/Contribution_Website/2da3d50374c116a2ed5af2c7519dac5c8ef1a192/contribution-app/public/favicon.ico -------------------------------------------------------------------------------- /contribution-app/public/hacktoberfest.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /contribution-app/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 12 | 13 | 17 | 18 | 27 | Hacktoberfest React App 28 | 29 | 30 | 31 |
32 | 33 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /contribution-app/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /contribution-app/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /contribution-app/src/App.css: -------------------------------------------------------------------------------- 1 | .contributor { 2 | font-size: 20px; 3 | font-weight: bold; 4 | margin-bottom: 10px; 5 | } 6 | .borderRad { 7 | border-radius: 50%; 8 | } 9 | .app { 10 | display: flex; 11 | flex-direction: column; 12 | } 13 | .splash { 14 | display: flex; 15 | justify-content: center; 16 | align-items: center; 17 | margin: auto; 18 | width: auto; 19 | flex-direction: column; 20 | text-align: center; 21 | } 22 | .splash img { 23 | margin-top: 4rem; 24 | margin-bottom: 4rem; 25 | } 26 | -------------------------------------------------------------------------------- /contribution-app/src/App.js: -------------------------------------------------------------------------------- 1 | import "./App.css"; 2 | import React, { useState, useEffect } from "react"; 3 | import PropagateLoader from "react-spinners/PropagateLoader"; 4 | import Navbar from "./components/Navbar"; 5 | import Content from "./components/Content"; 6 | import { Route } from "react-router"; 7 | import Contact from "./components/Contact"; 8 | import About from "./components/About"; 9 | import Footer from "./components/Footer"; 10 | 11 | const App = () => { 12 | // Loading state 13 | const [isLoading, setIsLoading] = useState(true); 14 | 15 | useEffect(() => { 16 | // Wait for 3 seconds 17 | setTimeout(() => { 18 | setIsLoading(false); 19 | }, 3000); 20 | }, []); 21 | 22 | return isLoading ? ( 23 | // If page is still loading then splash screen 24 |
25 | 26 | 27 | 28 |
29 | ) : ( 30 |
31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 |
42 |
43 | ); 44 | }; 45 | 46 | export default App; 47 | -------------------------------------------------------------------------------- /contribution-app/src/components/About.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | function About() { 4 | return
6 |
7 |
8 |

About Hacktober Fest 2021

9 |
10 |

Hacktoberfest is our month-long celebration of the open-source community. During the month of October, we invite you to join open-source software enthusiasts, beginners, and the developer community by contributing to open-source projects. You can do this in a variety of ways:

11 |
    12 |
  • 1. Prepare and share your project for collaboration
    • 13 |
  • 2. Contribute to the betterment of a project via pull request
    • 14 |
  • 3. Organize an event
    • 15 |
  • 4. Mentor others
    • 16 |
  • 5. Donate directly to open source projects
    • 17 |
18 |
19 |

For more rules and information regarding this event, please take a look at their official website.

20 |
21 |
22 |
23 | } 24 | 25 | export default About; 26 | -------------------------------------------------------------------------------- /contribution-app/src/components/Contact.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | function Contact() { 4 | return ( 5 |
6 |
10 |
11 |
12 | 23 |
24 |
25 |

26 | Contact Us 27 |

28 |

29 | Send us your email and message and we will contact you{" "} 30 |

31 |
32 | 38 | 44 |
45 |
46 | 52 | 58 |
59 |
60 | 66 | 71 |
72 | 75 |
76 |
77 |
78 |
79 | ); 80 | } 81 | 82 | export default Contact; 83 | -------------------------------------------------------------------------------- /contribution-app/src/components/Content.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import logo from "../components/logo.svg"; 3 | import Profilecard from "./Profilecard"; 4 | 5 | const Content = () => { 6 | return ( 7 | <> 8 |
17 | logo 23 |
24 | 25 | 26 | ); 27 | }; 28 | export default Content; 29 | -------------------------------------------------------------------------------- /contribution-app/src/components/Footer.jsx: -------------------------------------------------------------------------------- 1 | import { FaGithub } from "react-icons/fa"; 2 | 3 | const Footer = () => { 4 | return ( 5 |
6 | 62 |
63 | ); 64 | }; 65 | 66 | export default Footer; 67 | -------------------------------------------------------------------------------- /contribution-app/src/components/Images/FP1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Buddhad/Contribution_Website/2da3d50374c116a2ed5af2c7519dac5c8ef1a192/contribution-app/src/components/Images/FP1.png -------------------------------------------------------------------------------- /contribution-app/src/components/Images/FP2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Buddhad/Contribution_Website/2da3d50374c116a2ed5af2c7519dac5c8ef1a192/contribution-app/src/components/Images/FP2.png -------------------------------------------------------------------------------- /contribution-app/src/components/Images/MP1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Buddhad/Contribution_Website/2da3d50374c116a2ed5af2c7519dac5c8ef1a192/contribution-app/src/components/Images/MP1.png -------------------------------------------------------------------------------- /contribution-app/src/components/Navbar.css: -------------------------------------------------------------------------------- 1 | .search_bar { 2 | /* height: 50px; 3 | */ 4 | margin-left: 2%; 5 | /* width: 30vw; */ 6 | height: 4em; 7 | } 8 | .hamburger { 9 | display: none; 10 | } 11 | .close { 12 | display: none; 13 | } 14 | 15 | .nav-links { 16 | position: relative; 17 | margin: 0 1em; 18 | } 19 | .btn { 20 | border-color: transparent; 21 | } 22 | .btn:hover { 23 | background: none; 24 | border-color: transparent; 25 | } 26 | .nav-links::after { 27 | content: ""; 28 | position: absolute; 29 | left: 0; 30 | bottom: 0; 31 | width: 100%; 32 | height: 2px; 33 | background-color: currentColor; 34 | transform-origin: right; 35 | transform: scaleX(0); 36 | transition: transform 250ms ease-in; 37 | } 38 | .nav-links:hover::after { 39 | transform: scaleX(1); 40 | transform-origin: left; 41 | } 42 | .navbar { 43 | z-index: 100; 44 | position: fixed; 45 | width: 100%; 46 | } 47 | 48 | @media screen and (min-width: 200px) and (max-width: 1025px) { 49 | .hamburger { 50 | display: block; 51 | } 52 | .close { 53 | display: block; 54 | stroke-width: 5px; 55 | } 56 | } 57 | -------------------------------------------------------------------------------- /contribution-app/src/components/Navbar.jsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-no-target-blank */ 2 | import React, { useState, useEffect } from "react"; 3 | import { FaGithub } from "react-icons/fa"; 4 | import "../components/Navbar.css"; 5 | import { Link } from "react-router-dom"; 6 | import { GiHamburgerMenu } from "react-icons/gi"; 7 | import { IoMdClose } from "react-icons/io"; 8 | import useDarkMode from "../hook/useDarkMode"; 9 | 10 | const Navbar = () => { 11 | const [colorTheme, setTheme] = useDarkMode(); 12 | const [hamburger, setHamburger] = useState(false); 13 | useEffect(() => { 14 | document.body.addEventListener("click", () => { 15 | setHamburger(false); 16 | }); 17 | }); 18 | return ( 19 | //
20 | //
21 | //
22 | // 23 | // 29 | // {/* 30 | // {"HACKTOBERFEST 2K21"} 31 | // */} 32 | // 33 | //
34 | 35 | //
36 | // 37 | // 38 | // 39 | // 44 | // 47 | //
48 | // 78 | //
79 | //
80 | 81 |
82 |
83 | 84 | 85 | 86 |
87 | 88 |
89 |
{ 92 | e.stopPropagation(); 93 | setHamburger(true); 94 | }} 95 | > 96 | 97 |
98 |
{ 101 | e.stopPropagation(); 102 | setHamburger(false); 103 | }} 104 | > 105 | 106 |
107 |
108 | 109 | 151 | 156 | 157 | 158 | setTheme(colorTheme)} className="cursor-pointer"> 159 | {colorTheme === "light" ? ( 160 | 167 | 173 | 174 | ) : ( 175 | 182 | 188 | 189 | )} 190 | 191 |
192 | ); 193 | }; 194 | 195 | export default Navbar; 196 | -------------------------------------------------------------------------------- /contribution-app/src/components/Profilecard.css: -------------------------------------------------------------------------------- 1 | .profile-card > div { 2 | display: flex; 3 | justify-content: center; 4 | width: 100%; 5 | } 6 | .profile-card > div > img { 7 | border-radius: 50%; 8 | width: 12rem; 9 | height: 12rem; 10 | } 11 | .profile-card:hover { 12 | box-shadow: -1px 1px 22px 1px rgba(198, 199, 201, 0.5); 13 | border-radius: 15px; 14 | } 15 | .contributor-name { 16 | display: inline-block; 17 | position: relative; 18 | } 19 | .contributor-name::after { 20 | content: ""; 21 | position: absolute; 22 | width: 110%; 23 | height: 3px; 24 | left: 0; 25 | bottom: 0; 26 | background-color: grey; 27 | transform-origin: left; 28 | transform: scaleX(0); 29 | transform: scaleX(0); 30 | transition: transform 350ms ease-in; 31 | } 32 | .profile-card:hover .contributor-name::after { 33 | transform: scaleX(1); 34 | } 35 | input[type="search"]::-webkit-search-cancel-button { 36 | cursor: pointer; 37 | } 38 | .bg-gray-100 { 39 | background-color: #ffffff; 40 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='.5' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cuse fill='%23fcfcfc' href='%23s' y='2'/%3E%3Cuse fill='%23fcfcfc' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='2'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E"); 41 | background-attachment: fixed; 42 | background-size: cover; 43 | } 44 | -------------------------------------------------------------------------------- /contribution-app/src/components/Profilecard.jsx: -------------------------------------------------------------------------------- 1 | /* 2 | This example requires Tailwind CSS v2.0+ 3 | 4 | This example requires some changes to your config: 5 | 6 | ``` 7 | // tailwind.config.js 8 | module.exports = { 9 | // ... 10 | plugins: [ 11 | // ... 12 | require('@tailwindcss/aspect-ratio'), 13 | ], 14 | } 15 | ``` 16 | */ 17 | import "./Profilecard.css"; 18 | // import FP1 from "../components/Images/FP1.png"; 19 | import { useState } from "react"; 20 | const callouts = [ 21 | { 22 | name: "Buddhadeb Chhetri", 23 | description: 24 | "Front-end Developer 💻 | |📱Android Developer|🎮 Game Developer |Blogger ✍️| Poster Designer📜| Coder👨‍💻", 25 | imageSrc: "https://avatars.githubusercontent.com/u/71445997?v=4", 26 | imageAlt: "Buddhadeb Chhetri", 27 | href: "https://github.com/Buddhad", 28 | }, 29 | { 30 | name: "Viren Shewaramani", 31 | description: 32 | "Frontend Developer || Competitive Programmer || DSA Enthusiast || Java Fullstack", 33 | imageSrc: 34 | "https://avatars.githubusercontent.com/u/84906860?s=400&u=21561b09e00ae5dc55e86129c9f72adbae2df3bd&v=4", 35 | imageAlt: "Viren", 36 | href: "https://github.com/viren76", 37 | }, 38 | { 39 | name: "Stillwater", 40 | description: "Noob Coder", 41 | imageSrc: 42 | "https://cdn.discordapp.com/attachments/887721411781754930/893875151299559494/IMG_20210914_141959.jpg", 43 | imageAlt: "Collection of four insulated travel bottles on wooden shelf.", 44 | href: "https://github.com/ST1LLWATER", 45 | }, 46 | { 47 | name: "Divash", 48 | description: "Full Stack Developer ", 49 | imageSrc: 50 | "https://cdn.discordapp.com/attachments/848235529312796713/894205089420566538/Screenshot_2021-10-02-20-55-31-92.jpg", 51 | imageAlt: "Divash", 52 | href: "https://github.com/Divxsh", 53 | }, 54 | { 55 | name: "Sugam Agrawal", 56 | description: 57 | "Frontend Developer || Competitive Programmer || DSA Enthusiast || Hacker", 58 | imageSrc: "https://avatars.githubusercontent.com/u/71265266?v=4", 59 | imageAlt: "Collection of four insulated travel bottles on wooden shelf.", 60 | href: "https://github.com/Sugam50", 61 | }, 62 | { 63 | name: "Ridhima Aggrawal", 64 | description: "Full Stack Developer", 65 | imageSrc: 66 | "https://cdn.discordapp.com/attachments/926055068271251467/928895250955653130/Female01_profile.png", 67 | imageAlt: "Ridz", 68 | href: "https://github.com/ridz0326", 69 | }, 70 | { 71 | name: "Dhruv", 72 | description: "Sharing tools, Tips and Self taught Knowledge", 73 | imageSrc: 74 | "https://cdn.discordapp.com/attachments/926055068271251467/928894752752009236/Male_profile.png", 75 | imageAlt: "acedesyne", 76 | href: "https://github.com/acedesyne", 77 | }, 78 | { 79 | name: "Piyush", 80 | description: "Passionate about web development.", 81 | imageSrc: "https://avatars.githubusercontent.com/u/69067256?v=4", 82 | imageAlt: "Piyush", 83 | href: "https://github.com/PiyushNadoda", 84 | }, 85 | { 86 | name: "Deepak_070", 87 | description: "contributing from github no need of git", 88 | imageSrc: "https://avatars.githubusercontent.com/u/56753916?v=4", 89 | imageAlt: "Deepak", 90 | href: "https://github.com/deepsingh9868", 91 | }, 92 | { 93 | name: "Priyanka Prasad", 94 | description: 95 | "Tech Enthusiast | BCA 2019-22 | GPCSSI 2020 | Postman Student Leader", 96 | imageSrc: "https://avatars.githubusercontent.com/u/59612128?v=4", 97 | imageAlt: "Pikachu", 98 | href: "https://github.com/P-riyanka-prasad", 99 | }, 100 | { 101 | name: "Arti", 102 | description: "Trying to gain knowledge", 103 | imageSrc: "https://avatars.githubusercontent.com/u/74447472?v=4", 104 | imageAlt: "Arti", 105 | href: "https://github.com/artiyadav28", 106 | }, 107 | { 108 | name: "José Camacho", 109 | description: "Junior Frontend Developer", 110 | imageSrc: "https://avatars.githubusercontent.com/u/57728112?v=4", 111 | imageAlt: "Jose Camacho", 112 | href: "https://github.com/JDcamacho13", 113 | }, 114 | { 115 | name: "Juan Gonzalez", 116 | description: "Learning Express and React!", 117 | imageSrc: "https://avatars.githubusercontent.com/u/75293520?v=4", 118 | imageAlt: "Juan Gonzalez", 119 | href: "https://github.com/Juan-Gon03", 120 | }, 121 | { 122 | name: "Soundarya", 123 | description: "Software Developer | Content Creator", 124 | imageSrc: 125 | "https://soundaryakhanapur.github.io/Portfolio/static/media/home_anime.b75630b7.jpg", 126 | imageAlt: "Soundarya", 127 | href: "https://github.com/SoundaryaKhanapur", 128 | }, 129 | { 130 | name: "Mei Xin", 131 | description: "Beginner in Open Source", 132 | imageSrc: 133 | "https://avatars.githubusercontent.com/u/65379600?s=400&u=b243ed86e37a881a34acee4b9ebf5111a82ca5d8&v=4", 134 | imageAlt: "Mei Xin", 135 | href: "https://github.com/meixinchoy", 136 | }, 137 | { 138 | name: "Chetan", 139 | description: "Front-end dev", 140 | imageSrc: "https://avatars.githubusercontent.com/u/70325561?v=4", 141 | imageAlt: "Chetan Chandel", 142 | href: "https://github.com/chetanchandel31", 143 | }, 144 | { 145 | name: "Samyak Jain", 146 | description: "Full Stack Web dev | Beginner in Open Source", 147 | imageSrc: 148 | "https://cdn.discordapp.com/attachments/926055068271251467/928894752752009236/Male_profile.png", 149 | imageAlt: "Samyak Jain", 150 | href: "https://github.com/SamyakJain2020", 151 | }, 152 | { 153 | name: "Rohit", 154 | description: "Front-End Develpoer", 155 | imageSrc: "https://avatars.githubusercontent.com/u/71249284?s=400&v=4", 156 | imageAlt: "Rohit", 157 | href: "https://github.com/Rohit5152", 158 | }, 159 | { 160 | name: "Pritam", 161 | description: "Wannabe a Linux Sysadmin/Pentester", 162 | imageSrc: "https://avatars.githubusercontent.com/u/77138355?v=4", 163 | imageAlt: "Pritam", 164 | href: "https://github.com/pritambera2000", 165 | }, 166 | 167 | { 168 | name: "Kushagra Arora", 169 | description: "Android developer | Machine learning enthusiast | DevOps", 170 | imageSrc: 171 | "https://cdn.discordapp.com/attachments/926055068271251467/928894752752009236/Male_profile.png", 172 | imageAlt: "Kushagra Arora", 173 | href: "https://github.com/kastrahl", 174 | }, 175 | { 176 | name: "N Deepika", 177 | description: "Front-End Develpoer", 178 | imageSrc: 179 | "https://media.discordapp.net/attachments/894227501897875528/894227994430824508/1633270955791.jpg?width=493&height=571", 180 | imageAlt: "N Deepika", 181 | href: "https://github.com/N-Deepika", 182 | }, 183 | { 184 | name: "Aditya Verma", 185 | description: "A Full Stack Web Developer!", 186 | imageSrc: "https://avatars.githubusercontent.com/u/73935799?v=4", 187 | imageAlt: "Aditya Verma", 188 | href: "https://github.com/homewardgamer", 189 | }, 190 | { 191 | name: "Muhlis Iqbal Utomo", 192 | description: "Learn to Keep Learning!", 193 | imageSrc: "https://avatars.githubusercontent.com/u/73095492?v=4", 194 | imageAlt: "IqbaL Utomo", 195 | href: "https://github.com/iqbalutomo", 196 | }, 197 | { 198 | name: "Anjali", 199 | description: "Full Stack Developer", 200 | imageSrc: "https://avatars.githubusercontent.com/u/52563861?v=4", 201 | imageAlt: "Anjali", 202 | href: "https://github.com/anjali-yadav", 203 | }, 204 | { 205 | name: "Vikramaditya", 206 | description: "Web/IoT Developer", 207 | imageSrc: "https://avatars.githubusercontent.com/u/66563078?v=4", 208 | imageAlt: "Vikramaditya", 209 | href: "https://github.com/vikramadityasinghs", 210 | }, 211 | { 212 | name: "Vasav Prashar", 213 | description: "GITHUB BEGINEER", 214 | imageSrc: "https://avatars.githubusercontent.com/u/74191996?v=4", 215 | imageAlt: "VASAV", 216 | href: "https://github.com/vasav-prashar", 217 | }, 218 | { 219 | name: "Piyush Bhangale", 220 | description: "Backend Guy ✨", 221 | imageSrc: "https://avatars.githubusercontent.com/u/18086566?v=4", 222 | imageAlt: "Piyush", 223 | href: "https://github.com/officialpiyush", 224 | }, 225 | 226 | { 227 | name: "Vishal Kumar", 228 | description: 229 | "Software Developer 💻 || Front End enthusiast 🔥 || Photographer 📸 ", 230 | imageSrc: "https://avatars.githubusercontent.com/u/22008102?v=4", 231 | imageAlt: "Vishal", 232 | href: "https://github.com/vishalkr058", 233 | }, 234 | { 235 | name: "Mudit Wadhwa", 236 | description: 237 | "Data Structures And Algorithms(Problem Solver) 🖥️||Web Development enthusiast 🔥", 238 | imageSrc: "https://avatars.githubusercontent.com/MuditWadhwa", 239 | imageAlt: "Mudit", 240 | href: "https://github.com/MuditWadhwa", 241 | }, 242 | { 243 | name: "Shubham Mehra", 244 | description: "Full Stack Developer | Tech Enthusiast", 245 | imageSrc: "https://avatars.githubusercontent.com/u/54092258?v=4", 246 | imageAlt: "Shubham", 247 | href: "https://github.com/shubhammehra4", 248 | }, 249 | { 250 | name: "Patricio Díaz", 251 | description: "I'm a Freelance Front-End Developer & Content creator.", 252 | imageSrc: "https://avatars.githubusercontent.com/u/30910253?v=4", 253 | imageAlt: "Patricio Díaz github avatar", 254 | href: "https://github.com/patodm", 255 | }, 256 | { 257 | name: "Sadathulla Shariff", 258 | description: "Front-End Developer", 259 | imageSrc: 260 | "https://avatars.githubusercontent.com/u/51914072?s=400&u=18f96b6cf1d4b35f938c0409325bdcc4f7d2d677&v=4", 261 | imageAlt: "Sadathulla Shariff", 262 | href: "https://github.com/sadathshariff", 263 | }, 264 | { 265 | name: "Faris Daffa", 266 | description: "20% Learn, 80% Practice 🕵️", 267 | imageSrc: "https://avatars.githubusercontent.com/u/65797160?v=4", 268 | imageAlt: "Faris0520", 269 | href: "https://github.com/Faris0520", 270 | }, 271 | { 272 | name: "Nidble", 273 | description: "Curiosity's Tamer", 274 | imageSrc: "https://avatars.githubusercontent.com/u/1447119?s=96&v=4", 275 | imageAlt: "nidble", 276 | href: "https://github.com/nidble", 277 | }, 278 | { 279 | name: "Somesh Mishra", 280 | description: "Front-End Developer", 281 | imageSrc: "https://avatars.githubusercontent.com/u/41496294?v=4", 282 | imageAlt: "someshium", 283 | href: "https://github.com/someshium", 284 | }, 285 | { 286 | name: "Samyak Gajbhiye", 287 | description: "Ethical Hacker || CTF Player || UI/UX Designer || Programmer", 288 | imageSrc: 289 | "https://avatars.githubusercontent.com/u/54959744?s=400&u=3b836f23ef557da3588cae03a748a414f50ef9ea&v=4", 290 | imageAlt: "specxybeardo avatar", 291 | href: "https://github.com/specxybeardo", 292 | }, 293 | { 294 | name: "Mital Sapkale", 295 | description: "Frontend Developer || Programmer", 296 | imageSrc: 297 | "https://cdn.discordapp.com/attachments/875062360623185990/900761408818524191/IMG_20210709_184725.jpg", 298 | imageAlt: "Mital avatar ", 299 | href: "https://github.com/mitalsapkale01", 300 | }, 301 | { 302 | name: "Abhishek Bhagate", 303 | description: "Full-Stack Developer", 304 | imageSrc: 305 | "https://cdn.discordapp.com/attachments/926055068271251467/928894752752009236/Male_profile.png", 306 | imageAlt: "Abhishek avatar", 307 | href: "https://github.com/archit11111", 308 | }, 309 | { 310 | name: "Kushal Gandhi", 311 | description: "Passionate about Web Developement", 312 | imageSrc: 313 | "https://avatars.githubusercontent.com/u/63503991?s=400&u=c6b106ec0e3e2d5d4bc968d8f8a024fbe8314f5e&v=4", 314 | imageAlt: "Kushal Gandhi", 315 | href: "https://github.com/kushalgandhi26", 316 | }, 317 | { 318 | name: "Apurvan Morey", 319 | description: "Learning Everything", 320 | imageSrc: "https://avatars.githubusercontent.com/u/24579027?v=4", 321 | imageAlt: "Apurvan Morey", 322 | href: "https://github.com/apurvanmorey", 323 | }, 324 | { 325 | name: "Shaurya Srivastava", 326 | description: "Software Engineer", 327 | imageSrc: 328 | "https://media.discordapp.net/attachments/896871082546573362/896871601650401280/shauryapic.jpg?width=631&height=669", 329 | imageAlt: "Shaurya Srivastava", 330 | href: "https://github.com/shauryasrivatava", 331 | }, 332 | { 333 | name: "Joe D'Agostino", 334 | description: "Web Developer", 335 | imageSrc: 336 | "https://avatars.githubusercontent.com/u/393691?s=400&u=bbd3e9078badbd855df4a8b8e165156c51583dd9&v=4", 337 | imageAlt: "Joe D'Agostino", 338 | href: "https://github.com/joedag32", 339 | }, 340 | { 341 | name: "Vilgax", 342 | description: "CS Engineer", 343 | imageSrc: "https://avatars.githubusercontent.com/u/59883021?v=4", 344 | imageAlt: "Vilgax", 345 | href: "https://github.com/siddharthsg2", 346 | }, 347 | { 348 | name: "Krittin Jaruvisut", 349 | description: "Front End Developer", 350 | imageSrc: "https://avatars.githubusercontent.com/u/23163165?v=4", 351 | imageAlt: "Krittin-58", 352 | href: "https://github.com/krittin-58", 353 | }, 354 | { 355 | name: "Wali ullah", 356 | description: "Front-End Developer", 357 | imageSrc: 358 | "https://avatars.githubusercontent.com/u/57776479?s=400&u=fc93395cc6f39cf66d9da90ea56db0443d3efa52&v=4", 359 | imageAlt: "wali", 360 | href: "https://github.com/wali39", 361 | }, 362 | { 363 | name: "Subhash Karthik", 364 | description: "Web Developer 💻 | Software engineer| Coder👨‍💻", 365 | imageSrc: 366 | "https://avatars.githubusercontent.com/u/77478622?s=400&u=21b68918bfc57bc122b7c3ffeee2e4c2b87595e3&v=4", 367 | imageAlt: "Subhash Karthik", 368 | href: "https://github.com/Karthik-59", 369 | }, 370 | { 371 | name: "Sobhan Dash", 372 | description: "FullStack Developer || Beginner in Open Source", 373 | imageSrc: "https://avatars.githubusercontent.com/u/52308005?v=4", 374 | imageAlt: "Sobhan Dash", 375 | href: "https://github.com/SobhanDash", 376 | }, 377 | { 378 | name: "Jatin Kumar", 379 | description: "Front-end Developer || Beginner in Open Source", 380 | imageSrc: "https://avatars.githubusercontent.com/jatinkumar30", 381 | imageAlt: "Jatin Kumar", 382 | href: "https://github.com/jatinkumar30", 383 | }, 384 | { 385 | name: "Dipesh Jaswani", 386 | description: "ReactJs developer || C++", 387 | imageSrc: "https://avatars.githubusercontent.com/Dipesh123-ux", 388 | imageAlt: "Dip123", 389 | href: "https://github.com/Dipesh123-ux", 390 | }, 391 | { 392 | name: "Utkarsh Vijay", 393 | description: "ReactJs developer || Python", 394 | imageSrc: 395 | "https://cdn.discordapp.com/attachments/926055068271251467/928894752752009236/Male_profile.png", 396 | imageAlt: "Uv123", 397 | href: "https://github.com/NOOBUV", 398 | }, 399 | { 400 | name: "Athul Tulasidasan", 401 | description: "Fullstack Developer 💻 | | Open Source |", 402 | imageSrc: "https://avatars.githubusercontent.com/Athul0491", 403 | imageAlt: "Athul Tulasidasan", 404 | href: "https://github.com/Athul0491", 405 | }, 406 | { 407 | name: "Pratyush Kumar", 408 | description: "Web Developer || Data Structures", 409 | imageSrc: 410 | "https://cdn.discordapp.com/attachments/926055068271251467/928894752752009236/Male_profile.png", 411 | imageAlt: "PratyushKumar", 412 | href: "https://github.com/kpratyush12345", 413 | }, 414 | { 415 | name: "Aritro Sinha", 416 | description: "Front-end Developer ", 417 | imageSrc: "https://avatars.githubusercontent.com/sinhaaritro", 418 | imageAlt: "Aritro Sinha", 419 | href: "https://github.com/sinhaaritro", 420 | }, 421 | { 422 | name: "Ayushi Kosta", 423 | description: "ReactJs developer || C++", 424 | imageSrc: "https://avatars.githubusercontent.com/Ayushi-Kosta", 425 | imageAlt: "Ayushi", 426 | href: "https://github.com/Ayushi-Kosta", 427 | }, 428 | { 429 | name: "Shivam Kumar Singh", 430 | description: "Competitive programmer || Developer", 431 | imageSrc: "https://avatars.githubusercontent.com/sksinghl498", 432 | imageAlt: "Shivam", 433 | href: "https://github.com/sksinghl498", 434 | }, 435 | { 436 | name: "Raman Kumar", 437 | description: "Competitive programmer || Developer", 438 | imageSrc: 439 | "https://cdn.discordapp.com/attachments/926055068271251467/928894752752009236/Male_profile.png", 440 | imageAlt: "Raman", 441 | href: "https://github.com/rmn5124", 442 | }, 443 | { 444 | name: "Kritika Parmar", 445 | description: "Machine Learning Enthu || Data Science", 446 | imageSrc: "https://avatars.githubusercontent.com/u/59971890?v=4", 447 | imageAlt: "Kritika", 448 | href: "https://github.com/kritikaparmar-programmer", 449 | }, 450 | ]; 451 | 452 | export default function Example() { 453 | const [val, setval] = useState(""); 454 | return ( 455 |
456 | {/* */} 457 |
461 | { 466 | setval(e.target.value); 467 | }} 468 | /> 469 |
470 |
471 |
472 |

473 | Contributors 474 |

475 |
476 | {callouts.map((callout) => 477 | callout.name.toLowerCase().includes(val.toLowerCase()) ? ( 478 |
482 |
483 | {callout.imageAlt} 489 |
490 |

491 |
{callout.name}
492 |

493 | 494 | 495 | 496 |

497 | {callout.description} 498 |

499 |
500 | ) : null 501 | )} 502 |
503 |
504 |
505 |
506 | ); 507 | } 508 | -------------------------------------------------------------------------------- /contribution-app/src/components/logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /contribution-app/src/hook/useDarkMode.js: -------------------------------------------------------------------------------- 1 | import { useEffect, useState } from "react"; 2 | 3 | export default function useDarkMode() { 4 | const [theme, setTheme] = useState(localStorage.theme); 5 | const colorTheme = theme === "dark" ? "light" : "dark"; 6 | useEffect(() => { 7 | const root = window.document.documentElement; 8 | 9 | root.classList.remove(colorTheme); 10 | root.classList.add(theme); 11 | localStorage.setItem('theme', theme) 12 | }, [theme, colorTheme]); 13 | 14 | return [colorTheme, setTheme]; 15 | } 16 | -------------------------------------------------------------------------------- /contribution-app/src/index.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | -------------------------------------------------------------------------------- /contribution-app/src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import ReactDOM from "react-dom"; 3 | import "./index.css"; 4 | import App from "./App"; 5 | import { BrowserRouter as Router} from "react-router-dom"; 6 | 7 | ReactDOM.render( 8 | 9 | 10 | 11 | 12 | , 13 | document.getElementById("root") 14 | ); 15 | -------------------------------------------------------------------------------- /contribution-app/tailwind.config.js: -------------------------------------------------------------------------------- 1 | // tailwind.config.js 2 | module.exports = { 3 | purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"], 4 | darkMode: 'class', // or 'media' or 'class' 5 | theme: { 6 | extend: {}, 7 | }, 8 | variants: { 9 | extend: {}, 10 | }, 11 | plugins: [ 12 | require('daisyui'), 13 | ], 14 | 15 | }; 16 | --------------------------------------------------------------------------------