[
{
"path": ".github/FUNDING.yml",
"content": "# These are supported funding model platforms\n\ngithub: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]\npatreon: # Replace with a single Patreon username\nopen_collective: # Replace with a single Open Collective username\nko_fi: # Replace with a single Ko-fi username \ntidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel\ncommunity_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry\nliberapay: # Replace with a single Liberapay username\nissuehunt: # Replace with a single IssueHunt username\notechie: # Replace with a single Otechie username\nlfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry\ncustom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']\n"
},
{
"path": ".github/ISSUE_TEMPLATE/adding-new-tool.yml",
"content": "name: π οΈ Adding New Tool\ndescription: Want to add new tool on the Devlabs\ntitle: \"[New Tool]: \"\nbody:\n - type: checkboxes\n id: existing-issue\n attributes:\n label: Is there an existing issue for this?\n description: Please search to see if an issue already exists related to this new tool.\n options:\n - label: I have searched the existing issues\n required: true\n - type: textarea\n id: Tool-description\n attributes:\n label: New Tool Description\n description: Please provide a detailed description of the tool you wanna add.\n placeholder: \"Describe the new tool or enhancement you'd like to see.\"\n validations:\n required: true\n - type: textarea\n id: use-case\n attributes:\n label: Use Case\n description: How would this tool enhance your use of the project?\n placeholder: Describe a specific use case or scenario where this tool would be beneficial.\n validations:\n required: true\n - type: textarea\n id: benefits\n attributes:\n label: Benefits\n description: What benefits would this tool bring to the project or community?\n placeholder: Explain the advantages of implementing this new tool.\n - type: textarea\n id: screenShots\n attributes:\n label: Add ScreenShots\n description: If any...\n - type: dropdown\n id: priority\n attributes:\n label: Priority\n description: How important is this new tool to you?\n options:\n - High\n - Medium\n - Low\n default: 0\n validations:\n required: true\n - type: checkboxes\n id: terms\n attributes:\n label: Record\n options:\n - label: \"I have read the Contributing Guidelines\"\n required: true\n - label: \"I'm a GSSOC'24 contributor\"\n required: true\n - label: \"I have starred the repository\"\n required: true\n"
},
{
"path": ".github/ISSUE_TEMPLATE/bug_report.yml",
"content": "name: Bug report π\ndescription: File a bug report\ntitle: \"[Bug]: \"\nbody:\n - type: checkboxes\n id: existing-issue\n attributes:\n label: Is there an existing issue for this?\n description: Please search to see if an issue already exists for the bug you encountered.\n options:\n - label: I have searched the existing issues\n required: true\n - type: textarea\n id: what-happened\n attributes:\n label: Describe the bug\n description: A concise description of what you are experiencing.\n placeholder: Tell us what you see!\n validations:\n required: true\n - type: textarea\n id: expected-behaviour\n attributes:\n label: Expected behavior\n description: A clear and concise description of what you expected to happen.\n validations:\n required: true\n - type: textarea\n id: screenshots\n attributes:\n label: Add ScreenShots\n description: Add sufficient ScreenShots to explain your issue.\n - type: dropdown\n id: browsers\n attributes:\n label: What browsers are you seeing the problem on?\n multiple: true\n options:\n - Firefox\n - Chrome\n - Safari\n - Microsoft Edge\n - type: checkboxes\n id: terms\n attributes:\n label: Record\n options:\n - label: \"I have read the Contributing Guidelines\"\n required: true\n - label: \"I'm a GSSOC'24 contributor\"\n required: true\n - label: \"I have starred the repository\"\n required: true\n"
},
{
"path": ".github/ISSUE_TEMPLATE/documentation_update.yml",
"content": "name: π Documentation Update\ndescription: Improve Documentation\ntitle: \"[Documentation Update]: \"\nbody:\n - type: checkboxes\n id: existing-issue\n attributes:\n label: Is there an existing issue for this?\n description: Please search to see if an issue already exists for the updates you want to make.\n options:\n - label: I have searched the existing issues\n required: true\n - type: textarea\n id: issue-description\n attributes:\n label: Issue Description\n description: Please provide a clear description of the documentation update you are suggesting.\n placeholder: Describe the improvement or correction you'd like to see in the documentation.\n validations:\n required: true\n - type: textarea\n id: suggested-change\n attributes:\n label: Suggested Change\n description: Provide details of the proposed change to the documentation.\n placeholder: Explain how the documentation should be updated or corrected.\n validations:\n required: true\n - type: textarea\n id: rationale\n attributes:\n label: Rationale\n description: Why is this documentation update necessary or beneficial?\n placeholder: Explain the importance or reasoning behind the suggested change.\n validations:\n required: False\n - type: dropdown\n id: urgency\n attributes:\n label: Urgency\n description: How urgently do you believe this documentation update is needed?\n options:\n - High\n - Medium\n - Low\n default: 0\n validations:\n required: true\n - type: checkboxes\n id: terms\n attributes:\n label: Record\n options:\n - label: \"I have read the Contributing Guidelines\"\n required: true\n - label: \"I'm a GSSOC'24 contributor\"\n required: true\n - label: \"I have starred the repository\"\n required: true\n"
},
{
"path": ".github/ISSUE_TEMPLATE/feature_request.yml",
"content": "name: β¨ Feature Request\ndescription: Suggest a feature\ntitle: \"[Feature Request]: \"\nbody:\n - type: checkboxes\n id: existing-issue\n attributes:\n label: Is there an existing issue for this?\n description: Please search to see if an issue already exists for this feature.\n options:\n - label: I have searched the existing issues\n required: true\n - type: textarea\n id: feature-description\n attributes:\n label: Feature Description\n description: Please provide a detailed description of the feature you are requesting.\n placeholder: Describe the new feature or enhancement you'd like to see.\n validations:\n required: true\n - type: textarea\n id: use-case\n attributes:\n label: Use Case\n description: How would this feature enhance your use of the project?\n placeholder: Describe a specific use case or scenario where this feature would be beneficial.\n validations:\n required: true\n - type: textarea\n id: benefits\n attributes:\n label: Benefits\n description: What benefits would this feature bring to the project or community?\n placeholder: Explain the advantages of implementing this feature.\n - type: textarea\n id: screenShots\n attributes:\n label: Add ScreenShots\n description: If any...\n - type: dropdown\n id: priority\n attributes:\n label: Priority\n description: How important is this feature to you?\n options:\n - High\n - Medium\n - Low\n default: 0\n validations:\n required: true\n - type: checkboxes\n id: terms\n attributes:\n label: Record\n options:\n - label: \"I have read the Contributing Guidelines\"\n required: true\n - label: \"I'm a GSSOC'24 contributor\"\n required: true\n - label: \"I have starred the repository\"\n required: true\n"
},
{
"path": ".github/pull_request_template.md",
"content": "## Related Issue\n[Cite any related issue(s) this pull request addresses. If none, simply state \"Noneβ]\n\n## Description\n[Please include a brief description of the changes or features added]\n\n## Type of PR\n\n- [ ] Bug fix\n- [ ] Feature enhancement\n- [ ] Documentation update\n- [ ] Other (specify): _______________\n\n## Screenshots / videos (if applicable)\n[Attach any relevant screenshots or videos demonstrating the changes]\n\n## Checklist:\n- [ ] I have performed a self-review of my code\n- [ ] I have read and followed the Contribution Guidelines.\n- [ ] I have tested the changes thoroughly before submitting this pull request.\n- [ ] I have provided relevant issue numbers, screenshots, and videos after making the changes.\n- [ ] I have commented my code, particularly in hard-to-understand areas.\n\n\n## Additional context:\n[Include any additional information or context that might be helpful for reviewers.]\n"
},
{
"path": ".github/workflows/auto-comment-on-pr-merge.yml",
"content": "# @format\n\nname: Auto Comment on PR Merge\n\non:\n pull_request:\n types: [closed]\n\njobs:\n comment:\n if: github.event.pull_request.merged == true\n runs-on: ubuntu-latest\n\n steps:\n - name: Add Comment to Merged PR\n env:\n TOKEN: ${{ secrets.TOKEN }}\n run: |\n curl -H \"Authorization: token $TOKEN\" \\\n -X POST \\\n -d '{\"body\":\"π Your pull request has been successfully merged! π Thank you for your contribution to our project. Your efforts are greatly appreciated. Keep up the fantastic work! π\"}' \\\n \"https://api.github.com/repos/${{ github.repository }}/issues/${{ github.event.pull_request.number }}/comments\"\n"
},
{
"path": ".github/workflows/check_duplicate_tools.yml",
"content": "# @format\n\nname: Check for Duplicates and Close Issues on PR Merge\n\non:\n pull_request:\n types: [opened, synchronize, closed]\n\njobs:\n check-duplicates:\n runs-on: ubuntu-latest\n steps:\n - name: Checkout repository\n uses: actions/checkout@v2\n\n - name: Check for duplicate entries in product.json\n run: |\n # Check for duplicate entries based on the 'link' field in product.json\n jq -r '.[].link' product.json | sort | uniq -d > duplicates.txt\n if [ -s duplicates.txt ]; then\n echo \"Duplicate entries found in product.json based on 'link':\"\n cat duplicates.txt\n exit 1\n else\n echo \"No duplicate entries found based on 'link'.\"\n fi\n\n close-issues:\n runs-on: ubuntu-latest\n needs: check-duplicates\n if: github.event.pull_request.merged == true\n\n steps:\n - name: Checkout repository\n uses: actions/checkout@v2\n\n - name: Close linked issues\n run: |\n ISSUES=$(jq -r '.pull_request.body' \"$GITHUB_EVENT_PATH\" | grep -Eo '#[0-9]+' | tr -d '#')\n for ISSUE in $ISSUES\n do\n echo \"Closing issue #$ISSUE\"\n curl -X POST -H \"Authorization: token ${{ secrets.TOKEN }}\" \\\n -H \"Accept: application/vnd.github.v3+json\" \\\n https://api.github.com/repos/${{ github.repository }}/issues/$ISSUE/comments \\\n -d '{\"body\":\"Closed by PR #${{ github.event.pull_request.number }}\"}'\n curl -X PATCH -H \"Authorization: token ${{ secrets.TOKEN }}\" \\\n -H \"Accept: application/vnd.github.v3+json\" \\\n https://api.github.com/repos/${{ github.repository }}/issues/$ISSUE \\\n -d '{\"state\":\"closed\"}'\n done\n"
},
{
"path": ".github/workflows/close-old-pr-woc.yml",
"content": "# @format\r\n\r\nname: Close Stale PRs\r\n\r\non:\r\n schedule:\r\n - cron: '0 0 * * *' # Runs daily at midnight\r\n pull_request:\r\n types:\r\n - opened\r\n - reopened\r\n - synchronize\r\n\r\npermissions:\r\n pull-requests: write\r\n issues: write\r\n\r\njobs:\r\n close_stale_prs:\r\n runs-on: ubuntu-latest\r\n permissions:\r\n pull-requests: write\r\n\r\n steps:\r\n - uses: actions/stale@v7\r\n with:\r\n repo-token: ${{ secrets.TOKEN }}\r\n stale-pr-message: 'This PR has been automatically closed due to inactivity from the owner for 15 days.'\r\n days-before-pr-stale: 15\r\n days-before-pr-close: 0\r\n exempt-pr-author: false\r\n exempt-pr-labels: ''\r\n only-labels: ''\r\n operations-per-run: 30\r\n remove-stale-when-updated: true\r\n debug-only: false\r\n"
},
{
"path": ".github/workflows/close-on-merge.yml",
"content": "# @format\r\n\r\nname: Close Issues on PR Merge\r\n\r\non:\r\n pull_request:\r\n types: [closed]\r\n\r\njobs:\r\n close-issues:\r\n runs-on: ubuntu-latest\r\n\r\n steps:\r\n - name: Checkout repository\r\n uses: actions/checkout@v2\r\n\r\n - name: Close linked issues\r\n if: github.event.pull_request.merged == true\r\n run: |\r\n ISSUES=$(jq -r '.pull_request.body' \"$GITHUB_EVENT_PATH\" | grep -Eo '#[0-9]+' | tr -d '#')\r\n for ISSUE in $ISSUES\r\n do\r\n echo \"Closing issue #$ISSUE\"\r\n curl -X POST -H \"Authorization: token ${{ secrets.TOKEN }}\" \\\r\n -H \"Accept: application/vnd.github.v3+json\" \\\r\n https://api.github.com/repos/${{ github.repository }}/issues/$ISSUE/comments \\\r\n -d '{\"body\":\"Closed by PR #${{ github.event.pull_request.number }}\"}'\r\n curl -X PATCH -H \"Authorization: token ${{ secrets.TOKEN }}\" \\\r\n -H \"Accept: application/vnd.github.v3+json\" \\\r\n https://api.github.com/repos/${{ github.repository }}/issues/$ISSUE \\\r\n -d '{\"state\":\"closed\"}'\r\n done\r\n"
},
{
"path": ".github/workflows/greetings.yaml",
"content": "# @format\n\nname: Greetings\n\non: [pull_request_target, issues]\n\njobs:\n greeting:\n runs-on: ubuntu-latest\n permissions:\n issues: write\n pull-requests: write\n steps:\n - uses: actions/first-interaction@v1\n with:\n repo-token: ${{ secrets.TOKEN }}\n issue-message: 'Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.'\n pr-message: 'Welcome to Our repository.π Thank you so much for taking the time to point this out.'\n"
},
{
"path": ".github/workflows/greetings.yml",
"content": "# @format\n\nname: 'Greetings'\n\non:\n fork:\n push:\n branches: [main]\n issues:\n types: [opened]\n pull_request_target:\n types: [opened]\n\njobs:\n welcome:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v1\n - uses: EddieHubCommunity/gh-action-community/src/welcome@main\n with:\n github-token: ${{ secrets.TOKEN }}\n issue-message: |\n Congratulations, @${{ github.actor }}! π Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!\n pr-message: |\n Great job, @${{ github.actor }}! π Thank you for submitting your pull request. Your contribution is valuable and we appreciate your efforts to improve our project.\n footer: 'We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our [contributing guidelines](https://github.com/HimanshuNarware/Devlabs/blob/main/CONTRIBUTING.md)'\n"
},
{
"path": ".github/workflows/restrict_pr.yml",
"content": "# @format\n\nname: Restrict Contributor to limited contributions in Devlabs\n\non:\n pull_request_target:\n types:\n - opened\n\njobs:\n evaluate_and_close:\n runs-on: ubuntu-latest\n\n steps:\n - name: Check merged pull requests and calculate score\n id: calculate_score\n uses: actions/github-script@v4\n with:\n github-token: ${{ secrets.TOKEN }}\n script: |\n const owner = context.repo.owner;\n const repo = context.repo.repo;\n const pullRequestOpener = context.payload.pull_request.user.login;\n\n let mergedPullRequests = [];\n let page = 1;\n let perPage = 100;\n let response;\n\n do {\n response = await github.pulls.list({\n owner,\n repo,\n state: 'closed',\n per_page: perPage,\n page: page\n });\n\n mergedPullRequests = mergedPullRequests.concat(response.data.filter(pr => pr.user.login === pullRequestOpener && pr.merged_at !== null));\n page++;\n } while (response.data.length === perPage);\n\n let score = 0;\n let prDetails = [];\n const scoreMap = {\n 'level3': 45,\n 'level2': 25,\n 'level1': 10 \n };\n\n for (const pr of mergedPullRequests) {\n let prScore = 0;\n let labelsWithScores = [];\n for (const label of pr.labels) {\n if (scoreMap[label.name]) {\n prScore += scoreMap[label.name];\n labelsWithScores.push(`${label.name} score: (${scoreMap[label.name]})`);\n }\n }\n score += prScore;\n if (labelsWithScores.length > 0) {\n prDetails.push(`- [#${pr.number}](${pr.html_url}) with labels: ${labelsWithScores.join(', ')}`);\n }\n }\n\n const threshold = 150;\n\n console.log(`User score: ${score}`);\n console.log(`Score threshold: ${threshold}`);\n\n if (score >= threshold) {\n const comment = `Hey @${pullRequestOpener}, You have reached your limit to contribute in Devlabs with a score of ${score}. \\n We believe in giving equal opportunity to everyone so you will not be able to contribute to Devlabs now onwards. π \\n Thank you for your valuable time and contribution in Devlabs πΉοΈ! \\n\\n Your merged pull requests:\\n${prDetails.join('\\n')}`;\n core.exportVariable('comment_body', comment);\n core.setOutput('close_pull_request', true);\n } else {\n core.exportVariable('comment_body', '');\n core.setOutput('close_pull_request', false);\n }\n\n - name: Add spam label and close the pull request\n if: always() && steps.calculate_score.outputs.close_pull_request == 'true'\n uses: actions/github-script@v4\n with:\n github-token: ${{ secrets.TOKEN }}\n script: |\n const owner = context.repo.owner;\n const repo = context.repo.repo;\n const pullRequestNumber = context.payload.pull_request.number;\n const comment = process.env.comment_body;\n\n if (comment.trim() === '') {\n console.log('Comment body is empty. Skipping comment creation.');\n return;\n }\n\n await github.issues.createComment({\n owner,\n repo,\n issue_number: pullRequestNumber,\n body: comment\n });\n\n await github.issues.addLabels({\n owner,\n repo,\n issue_number: pullRequestNumber,\n labels: ['spamπ¨']\n });\n\n await github.pulls.update({\n owner,\n repo,\n pull_number: pullRequestNumber,\n state: 'closed'\n });\n"
},
{
"path": ".idea/.gitignore",
"content": "# Default ignored files\n/shelf/\n/workspace.xml\n# Editor-based HTTP Client requests\n/httpRequests/\n"
},
{
"path": ".idea/Devlabs-copy.iml",
"content": "\n\n \n \n \n \n \n \n \n \n \n"
},
{
"path": ".idea/Devlabs.iml",
"content": "\n\n \n \n \n \n \n \n \n \n \n"
},
{
"path": ".idea/modules.xml",
"content": "\n\n \n \n \n \n \n"
},
{
"path": ".idea/vcs.xml",
"content": "\n\n \n \n \n"
},
{
"path": ".vscode/settings.json",
"content": "{\n \"git.ignoreLimitWarning\": true,\n \"emmet.includeLanguages\": {\n \"\\\"javascript\\\":\": \"\\\"javascriptreact\\\"\"\n },\n \"C_Cpp.errorSquiggles\": \"disabled\",\n \"deepscan.enable\": true\n}"
},
{
"path": "CODE_OF_CONDUCT.md",
"content": "# Devlabs Code of Conduct\n\nWe, the maintainers and contributors of Devlabs, are committed to providing a friendly, safe, and inclusive environment for everyone who wants to participate in this project. We expect all participants to follow this Code of Conduct to ensure that our community is welcoming and harassment-free.\n\n## Our Standards\n\n- **Be Respectful:** Treat all community members with respect and kindness. Respect each other's opinions, experiences, and backgrounds, even if they differ from your own.\n\n- **Be Inclusive:** Welcome people of all backgrounds, experiences, and perspectives. Discrimination, hate speech, and harassment will not be tolerated.\n\n- **Be Collaborative:** Work together constructively. Disagreements can happen, but they should be resolved through respectful and constructive discussion.\n\n- **Be Mindful of Your Language:** Be mindful of your words and actions. Avoid offensive or disrespectful comments and content.\n\n- **No Trolling or Harassment:** Do not engage in trolling, bullying, or harassment, whether it's based on race, gender, sexual orientation, disability, religion, or any other personal characteristics.\n\n- **Respect Privacy:** Do not share personal information of others without their explicit consent.\n\n## Reporting Violations\n\nIf you witness or experience any behavior that violates this Code of Conduct, please report it to the project maintainers. All reports will be kept confidential, and we will take appropriate action to address the issue.\n\n## Enforcement\n\nMaintainers of Devlabs are responsible for enforcing this Code of Conduct. If someone engages in harmful behavior, maintainers may take action, ranging from a warning to temporary or permanent expulsion from the project.\n\n## Attribution\n\nThis Code of Conduct is adapted from the [Contributor Covenant](https://www.contributor-covenant.org/version/2/0/code_of_conduct.html).\n\nBy participating in the Devlabs community, you agree to abide by this Code of Conduct. We look forward to your contributions and collaboration!\n"
},
{
"path": "CONTRIBUTING.md",
"content": "# Contributing to [Devlabs] π\n\nThank you for considering contributing to [Devlabs]! We appreciate your interest in helping make this project better.\n\n## Table of Contents\n\n- [Contributing to \\[Devlabs\\]](#contributing-to-devlabs-)\n - [Table of Contents](#table-of-contents)\n - [Code of Conduct](#code-of-conduct)\n - [How Can I Contribute?](#how-can-i-contribute)\n - [Reporting Bugs](#reporting-bugs-)\n - [Requesting Features](#requesting-features-)\n - [Submitting Changes](#submitting-changes-)\n - [Pull Request Guidelines](#pull-request-guidelines-)\n - [Style Guide](#style-guide-)\n - [License](#license-)\n\n## Code of Conduct\n\nThis project and its community adhere to the [Code of Conduct](CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code. Please report any unacceptable behavior to [project owner's email].\n\n## How Can I Contribute? π\n\n### Reporting Bugs π\n\nIf you come across a bug or an issue with [Devlabs], please take the following steps:\n\n1. **Search** the [issue tracker](https://github.com/HimanshuNarware/Devlabs/issues) to check if the issue has already been reported. If it has, feel free to add any additional information or subscribe to the existing issue.\n\n2. **Create a New Issue** if the issue hasn't been reported yet, with a descriptive title and a clear description of the problem. Include any relevant details such as operating system, browser version, and steps to reproduce the issue.\n\n### Requesting Features β¨\n\nIf you have an idea for a new feature or improvement, please follow these steps:\n\n1. **Search** the [issue tracker](https://github.com/HimanshuNarware/Devlabs/issues) to check if the feature request already exists. If it does, you can comment on the existing request to provide more information or express your interest.\n\n2. **Create a New Issue** if the feature request doesn't exist, with a clear and concise title and a detailed description of the feature or enhancement you're proposing. Explain why it's valuable and how it aligns with the project's goals.\n\n### Submitting Changes π οΈ\n\nIf you want to contribute code changes, follow these steps:\n\n1. **Fork the repository** to your own GitHub account.\n\n2. **Clone your forked repository** to your local machine.\n ```bash\n git clone https://github.com/HimanshuNarware/Devlabs.git\n ```\n\n3. **Create a new branch** for your changes.\n ```bash\n git checkout -b feature/your-feature-name\n ```\n\n4. **Make your changes**, following the [style guide](#style-guide) and ensuring that your code adheres to the project's coding standards.\n\n5. **Commit your changes** with a descriptive commit message.\n ```bash\n git commit -m \"Add new feature: your feature name\"\n ```\n\n6. **Push your changes** to your forked repository on GitHub.\n ```bash\n git push origin feature/your-feature-name\n ```\n\n7. **Open a pull request (PR)** on the [original repository](https://github.com/HimanshuNarware/Devlabs) and provide a detailed description of your changes.\n\n### Alternatively contribute using GitHub Desktop π₯οΈ\n\n1. **Open GitHub Desktop**:\n Launch GitHub Desktop and log in to your GitHub account if you haven't already.\n\n2. **Clone the Repository**:\n - If you haven't cloned the repository yet, you can do so by clicking on the \"File\" menu and selecting \"Clone Repository.\"\n - Choose the repository from the list of repositories on GitHub and clone it to your local machine.\n\n3. **Switch to the Correct Branch**:\n - Ensure you are on the branch that you want to submit a pull request for.\n - If you need to switch branches, you can do so by clicking on the \"Current Branch\" dropdown menu and selecting the desired branch.\n\n4. **Make Changes**:\n Make your changes to the code or files in the repository using your preferred code editor.\n\n5. **Commit Changes**:\n - In GitHub Desktop, you'll see a list of the files you've changed. Check the box next to each file you want to include in the commit.\n - Enter a summary and description for your changes in the \"Summary\" and \"Description\" fields, respectively. Click the \"Commit to \" button to commit your changes to the local branch.\n\n6. **Push Changes to GitHub**:\n After committing your changes, click the \"Push origin\" button in the top right corner of GitHub Desktop to push your changes to your forked repository on GitHub.\n\n7. **Create a Pull Request**:\n - Go to the GitHub website and navigate to your fork of the repository.\n - You should see a button to \"Compare & pull request\" between your fork and the original repository. Click on it.\n\n8. **Review and Submit**:\n - On the pull request page, review your changes and add any additional information, such as a title and description, that you want to include with your pull request.\n - Once you're satisfied, click the \"Create pull request\" button to submit your pull request.\n\n9. **Wait for Review**:\n Your pull request will now be available for review by the project maintainers. They may provide feedback or ask for changes before merging your pull request into the main branch of the repository.\n\n### Pull Request Guidelines π\n\nTo ensure a smooth review process, please follow these guidelines when submitting a pull request:\n\n- Your code should be well-documented and include clear comments where necessary.\n- Run any relevant tests to ensure that your changes don't introduce new issues.\n- Ensure your code follows the project's coding standards and style guide (see [Style Guide](#style-guide)).\n- Keep your pull request focused on a single feature or bug fix.\n- Provide a clear and concise title and description for your pull request.\n\n## Style Guide π\n\n[Devlabs] follows a specific coding style and structure. Please refer to the [style guide](STYLE_GUIDE.md) for details on code formatting, naming conventions, and other coding standards.\n\n## License π\n\nBy contributing to [Devlabs], you agree that your contributions will be licensed under the project's [LICENSE](LICENSE.md).\n\n\n\n"
},
{
"path": "README.md",
"content": "\n
\n
DevLabs
\n
Welcome to DevLabs, a website where you can search for free tools that are useful for your daily needs. This application is created by the incredible open-source community. On DevLabs, you can discover a collection of free tools that can assist you in various aspects of your life. Moreover, you have the opportunity to contribute to this project by adding more tools to the database.
\n\n---\n\n\n## π Featured in:\n\n
\n
\n
Event Logo
\n
Event Name
\n
Event Description
\n
\n
\n \n
\n
GirlScript Summer of Code 2024
\n
GirlScript Summer of Code is a three-month-long Open Source Program conducted every summer by GirlScript Foundation. It is an initiative to bring more beginners to Open-Source Software Development. \n
\n
\n\n## π Our Mission\n\nOur website provides a platform for contributors from all over the world to share their ideas in the form of helpful websites that are free to use. It helps us save a ton of time by allowing us to access a list of all the websites in one location. Whether it be a tool or an educational platform, we may discover any type of website here. This makes it a platform for sharing knowledge!\n\n---\n\n## π» Tech Stack\n\n\n\n\n\n\n\n\n\n\n\n\n\n---\n\n## π Quick Start\n\nContributions are welcome! If you have any ideas, suggestions, or bug fixes, please open an issue or submit a pull request. Make sure to follow the project's code of conduct.\n\n---\n\n\n
\n
Code of Conduct
\n
\n\nPlease note that this project is released with a [Code of Conduct](CODE_OF_CONDUCT.md). By participating in this project you agree to abide by its terms.\n\n\n## π¦ Installation\n\n### With Docker\n\nYou can clone the project directly from this repo to your local system.\n\n### 1. Clone the Repo\n\n```bash\ngit clone https://github.com/username/Devlabs.git\n```\n\n### 2. Navigate to the project directory\n\n```bash\ncd Devlabs\n```\n\n### 3. Create Backend Environment\n\n```bash\nMONGODB_URI=\nPORT=\nFRONTEND_URL=\nMAIL=\nPASSWORD=\n```\n\n### 4. Create Frontend Environment\n\nAll the environment variables for react must be prefixed with `REACT_APP_`.\n\n```bash\nREACT_APP_BACKEND=\n```\n\n### 5. Run Docker Compose\n\n```bash\ndocker-compose up --build\n```\n\nYou have to use build for the first time only then you can use `docker-compose up`\n\nNow follow all the steps from point 6 of without docker to contribute to the project.\n\n### Without Docker\n\nYou can clone the project directly from this repo to your local system.\n\n### 1. Clone the Repo\n\n```bash\ngit clone https://github.com/username/Devlabs.git\n```\n\n### 2. Install Dependencies\n\n```bash\nnpm install\n```\n\n### 3. Start Development Server\n\n```bash\nnpm start\n#or\nnpm run dev\n```\n\n### 4. Create Backend Environment\n\n```bash\nMONGODB_URI=\nPORT=\nFRONTEND_URL=\nMAIL=\nPASSWORD=\n```\n\n### 5. Create Frontend Environment\n\nAll the environment variables for react must be prefixed with `REACT_APP_`.\n\n```bash\nREACT_APP_BACKEND=\n```\n\n### 6. Create a New Branch\n\n```bash\ngit checkout -b YourBranchName\n```\n\n### 7. Make Your Changes to the Source Code\n\nTo add a new tool:\n\n> Go to **src > DB > `product.json`** & add your code\n\n```bash\n{\n productName: \"< App_Name >\",\n category: \"remote | resume | tweet | ai | ethical | movies | extensions | tools\",\n image: \"< Image-Url >\",\n link: \"< Link_to_the_website >\",\n description: \"< Description of product >\"\n},\n```\n\n- Ensure that your URLs are short. It is recommended to use bitly for URL shortening.\n- Descriptions should not exceed 10-12 words.\n\n### 8. Stage Your Changes\n\nβ οΈ **Make sure** not to commit `package.json` or `package-lock.json` file\n\nβ οΈ **Make sure** not to run the commands `git add .` or `git add *`\n\n---\n\nInstead, stage your changes for each file/folder specifically.\n\n```bash\ngit add \"\"\n```\n\n### 9. Commit Your Changes\n\n```bash\ngit commit -m \"\"\n```\n\n### 10. Push Your Local Commits to the Remote Repository\n\n```bash\ngit push origin YourBranchName\n```\n\n### 11. Create a Pull Request\n\nCreate a [Pull Request](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request)!\n\n
\n
Are Ready to Contribute?
\n
\n\nIf you would like to contribute to the project then kindly go through [Contributing Guidelines](CONTRIBUTING.md) to understand everything from setup to necessary instructions.\n\n\n
\n
Let's Collaborate and Make DevLabs Even Better! π»π
\n
\n\n\n
β¨ Features
\n \n\n1. User Authentication:\n Secure user registration and login using JWT.\n OAuth integration for social logins (Google, Facebook).\n\n2. User Profiles:\n Customizable user profiles.\n Profile picture upload and bio section.\n\n3. Tool Rating & Reviews\n Users can rate and review tools.\n Aggregate ratings for each tool displayed.\n\n4. Favorites & Bookmarking\n Users can bookmark their favorite tools.\n Quick access to bookmarked tools from the profile.\n\n5. Tool Categories & Tags\n Tools categorized for easy browsing.\n Tagging system for quick filtering and searching.\n\n6. Advanced Search\n Search tools by name, category, or tags.\n Filter results by ratings and reviews.\n\n7. Responsive Design\n Fully responsive design for mobile, tablet, and desktop.\n\n8. Notifications\n Email notifications for new tools, reviews, and updates.\n\n9. Admin Dashboard\n Manage users, tools, and reviews.\n Analytics on tool usage and user engagement.\n\n10. Documentation\n Comprehensive documentation for developers.\n API documentation for integrating with other platforms.\n\n### π Learn\nTo know more about project, please go through [Learn](learn.md)\n\n\n\n### π Community\n\n\n\n
\n );\n};\n\nexport default ChatAssistant;\n"
},
{
"path": "frontend/src/ChatAssistant/UserAvatar.jsx",
"content": "import userAvatar from \"../assets/userAvatar.jpg\"\nimport React from 'react'\nimport \"../ChatAssistant/ChatAssistant.css\"\n\nexport default function Avatar() {\n return (\n
\n \n
\n )\n}"
},
{
"path": "frontend/src/ChatBot/ActionProvider.jsx",
"content": "import React from 'react';\nimport { createChatBotMessage } from 'react-chatbot-kit';\n\nconst ActionProvider = ({ setState, children }) => {\n const updateState = (message) => {\n setState((prev) => ({\n ...prev,\n messages: [...prev.messages, message],\n }));\n };\n\n const handleEmptyMessage = () => {\n const message = createChatBotMessage(\"I'm waiting for your message...\");\n updateState(message);\n };\n\n const handleHello = () => {\n const message = createChatBotMessage('Hello, I am DevLabs ChatBot. Type your query..');\n updateState(message);\n };\n\n const websiteDetails = () => {\n const message = createChatBotMessage('DevLabs is a website where you can search for free tools that are useful for your daily needs. This application is created by the incredible open-source community. For further details, visit our About Us section.');\n updateState(message);\n };\n\n const contactUs = () => {\n const message = createChatBotMessage('Contact details can be viewed in our Contact section, which is available in the footer section. Feel free to contact us.');\n updateState(message);\n };\n\n const contribute = () => {\n const message = createChatBotMessage('Contribution details can be viewed in our Open Source section, which is available in the footer section. Feel free to contribute to our project.');\n updateState(message);\n };\n\n const greeting = () => {\n const message = createChatBotMessage('Happy to help you. Visit again to our website. Thank you!');\n updateState(message);\n };\n\n return (\n
\n Devlabs is an application used to search for tools that are both\n free and helpful for our needs. It is built by the amazing\n open-source community.\n
\n \n
\n
\n \n
\n
\n\n
\n
\n \n
\n
\n
\n Great things are never created in isolation. Thanks to our amazing\n contributors, we've brought this product to life. With your help, we\n can continue to make it even better. If you're a developer or a Tech\n enthusiast, you can help us create a better experience for\n everyone. We are excited to hear your thoughts and ideas.\n
\n \n
\n
\n\n
\n
Founder
\n
\n
\n \n
{founder.login}
\n
\n \n \n
\n
\n
\n
Our Contributors
\n\n setSearchQuery(e.target.value)}\n />\n\n
\n {filledData.map((contributor) => {\n if (contributor.placeholder) {\n return (\n
Welcome to DevLabs, a website where you can search for free tools that are useful for your daily needs. This application is created by the incredible open-source community. On DevLabs, you can discover a collection of free tools that can assist you in various aspects of your life. Moreover, you have the opportunity to contribute to this project by adding more tools to the database.
\n\n
Information We Collect
\n
We collect information that you provide to us directly when you use our website, such as when you create an account, add tools, or communicate with us. This information may include your name, email address, and any other details you choose to provide.
\n\n
How We Use Your Information
\n
We use the information we collect to provide, maintain, and improve our services, including to personalize your experience on DevLabs, provide customer support, and communicate with you about updates and news.
\n\n
Sharing of Information
\n
We do not share your personal information with third parties without your consent, except in the following circumstances:
\n
\n
With service providers who perform services on our behalf.
\n
To comply with laws or to respond to lawful requests and legal process.
\n
To protect the rights and property of DevLabs and our users.
\n
\n\n
Security
\n
We take reasonable measures to protect your personal information from loss, theft, misuse, and unauthorized access, disclosure, alteration, and destruction.
\n\n
Changes to This Privacy Policy
\n
We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page. You are advised to review this Privacy Policy periodically for any changes.
\n\n
Contact Us
\n
If you have any questions about this Privacy Policy, please contact us at support@devlabs.com.
\n Thank you for visiting the website! Please tell us how we can improve\n your experience. Provide your email in case you want the owner to\n contact you.\n
Welcome to DevLabs, a website where you can search for free tools that are useful for your daily needs. This application is created by the incredible open-source community. On DevLabs, you can discover a collection of free tools that can assist you in various aspects of your life. Moreover, you have the opportunity to contribute to this project by adding more tools to the database.
\n\n
1. Acceptance of Terms
\n
By accessing or using our website, you agree to comply with and be bound by these Terms of Service. If you do not agree to these terms, please do not use our website.
\n\n
2. Changes to Terms
\n
We reserve the right to modify these Terms of Service at any time. Your continued use of the website after any changes constitutes your acceptance of the new terms.
\n\n
3. Use of Website
\n
You agree to use our website only for lawful purposes and in a manner that does not infringe the rights of or restrict the use of the website by any third party.
\n\n
4. User Contributions
\n
You may contribute to our database by adding new tools. However, all contributions must comply with our guidelines and be approved by our team.
\n\n
5. Limitation of Liability
\n
DevLabs is not responsible for any damages arising from the use or inability to use our website or any content contained within.
\n\n
6. Governing Law
\n
These Terms of Service are governed by and construed in accordance with the laws of the jurisdiction in which we operate.
\n\n
7. Contact Us
\n
If you have any questions about these Terms of Service, please contact us at support@devlabsstore.tech.
\n \n );\n};\n\nexport default AI;\n"
},
{
"path": "frontend/src/pages/BackendTools.jsx",
"content": "import React from 'react'\nimport \"../style/BackendTools.css\"\nconst tools = [\n {\n name: \"Node.js\",\n description: \"Node.js is a cross-platform, open-source JavaScript runtime environment that can run on Windows, Linux, Unix, macOS, and more.\",\n link: \"https://nodejs.org/\",\n image: \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ82uBPqnWciRtiFtYrB3OCdcaZLC789VVaMpSBQzC3S1we1p12\"\n },\n {\n name: \"Express.js\",\n description: \"Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications. \",\n link: \"https://expressjs.com/\",\n image: \"https://miro.medium.com/v2/resize:fit:1400/1*i2fRBk3GsYLeUk_Rh7AzHw.png\"\n },\n {\n name: \"Django\",\n description: \"Django is one of the best and most popular backend web frameworks that Python offers.\",\n link: \"https://www.djangoproject.com/\",\n image: \"https://www.djangoproject.com/m/img/logos/django-logo-positive.png\"\n },\n {\n name: \"PHP\",\n description: \"PHP is one of the most popular backend technology used in web development today.\",\n link: \"https://www.php.net/\",\n image: \"https://upload.wikimedia.org/wikipedia/commons/thumb/2/27/PHP-logo.svg/1200px-PHP-logo.svg.png\"\n },\n {\n name: \"Flask\",\n description: \"Flask is a micro framework based on Python which is easy to use and provides high speed and productivity.\",\n link: \"https://flask.palletsprojects.com/en/3.0.x/\",\n image: \"https://upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Flask_logo.svg/1200px-Flask_logo.svg.png\"\n },\n {\n name: \"Ruby On Rails\",\n description: \"A web-app framework that includes everything needed to create database-backed web applications according to the Model-View-Controller (MVC) pattern.\",\n link: \"https://rubyonrails.org/\",\n image: \"https://miro.medium.com/v2/resize:fit:450/1*MtuURq-9Fe3MZM5IZqQgyw.png\"\n },\n {\n name: \"Docker\",\n description: \"Docker is platform where you can run, test, and deploy Web apps and projects. \",\n link: \"https://www.docker.com/\",\n image: \"https://logowik.com/content/uploads/images/301_docker.jpg\"\n },\n {\n\n name: \"Laravel\",\n description: \"Laravel is a web application framework with expressive, elegant syntax. Weβve already laid the foundation β freeing you to create without sweating the small things.\",\n link: \"https://laravel.com/\",\n image: \"https://twtv3.ams3.digitaloceanspaces.com/posts/laravel-best-php-framework-1568x1045-1.jpg\"\n },\n {\n name: \".Net\",\n description: \"Docker is platform where you can run, test, and deploy Web apps and projects. \",\n link: \"https://dotnet.microsoft.com/en-us/learn/back-end-web-dev\",\n image: \"https://miro.medium.com/v2/resize:fit:2000/0*JpO_YE2yPOmMNWLM.jpg\"\n\n },\n {\n\n name: \"Spring Boot\",\n description: \"Spring Boot makes it easy to create stand-alone, production-grade Spring based Applications that you can just run.\",\n link: \"https://spring.io/projects/spring-boot\",\n image: \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQnlmtotrVt2BjQahYJDB7aGV1G6JgAR3m0KA&s\"\n\n},\n {\n name: \"FireBase\",\n description: \"Firebase is a set of backend cloud computing services and application development platforms provided by Google.\",\n link: \"https://firebase.google.com/\",\n image: \"https://www.gstatic.com/devrel-devsite/prod/v158caafe57d4670a8abac19430cb93c14f6b6846e8f3012a57383593e392bfd9/firebase/images/lockup.svg\"\n },\n\n];\nconst BackendTools = () => {\n return (\n
\n );\n};\n\nexport default BackendTools\n"
},
{
"path": "frontend/src/pages/CodingPlatform.jsx",
"content": "import React from \"react\";\nimport \"../style/CodingPlatform.css\";\n\nconst tools = [\n {\n name: \"CodeSandbox\",\n description: \"An online code editor and prototyping tool\",\n link: \"https://codesandbox.io/\",\n image: \"https://i.pinimg.com/564x/82/14/0e/82140ec1a4bc53413b6c9150b1e3bab3.jpg\"\n },\n {\n name: \"CodePen\",\n description: \"An online community for testing and showcasing user-created HTML, CSS, and JavaScript code snippets\",\n link: \"https://codepen.io/\",\n image: \"https://i.pinimg.com/564x/0c/ea/84/0cea842d30cae99ee4e5772308fddbf8.jpg\"\n },\n {\n name: \"JSFiddle\",\n description: \"An online IDE for web development, where users can create, test, and showcase HTML, CSS, and JavaScript code snippets\",\n link: \"https://jsfiddle.net/\",\n image: \"https://i.pinimg.com/736x/16/63/aa/1663aa377120b3ee56822fc19d851278.jpg\"\n },\n {\n name: \"StackBlitz\",\n description: \"An online IDE for web applications, allowing developers to create, share, and collaborate on projects in the browser\",\n link: \"https://stackblitz.com/\",\n image: \"https://i.pinimg.com/564x/12/6d/c5/126dc594c84336847f0623bc1d26c0b3.jpg\"\n },\n {\n name: \"Replit\",\n description: \"An online IDE for programming in multiple languages, with features like collaboration, hosting, and version control\",\n link: \"https://replit.com/\",\n image: \"https://upload.wikimedia.org/wikipedia/commons/thumb/7/78/New_Replit_Logo.svg/1200px-New_Replit_Logo.svg.png\"\n },\n {\n name: \"JSBin\",\n description: \"An online HTML, CSS, and JavaScript code editor for web developers\",\n link: \"https://jsbin.com/\",\n image: \"https://static.jsbin.com/images/logo.png\"\n },\n {\n name: \"Plunker\",\n description: \"An online community for creating, collaborating on, and sharing web development projects\",\n link: \"https://plnkr.co/\",\n image: \"https://i.pinimg.com/564x/6a/0c/70/6a0c70cacbdaae750dd56bed1964b95a.jpg\"\n },\n {\n name: \"Glitch\",\n description: \"A community-driven platform for creating, remixing, and hosting web apps and websites\",\n link: \"https://glitch.com/\",\n image: \"https://logos-world.net/wp-content/uploads/2021/03/Glitch-Logo-2018-present.png\"\n },\n {\n name: \"Stack Overflow Code Snippet\",\n description: \"A feature of Stack Overflow that allows users to create, test, and share code snippets directly on the site\",\n link: \"https://stackoverflow.com/\",\n image: \"https://i.pinimg.com/564x/2e/30/2d/2e302de0ac09bc7085c45f03abc72472.jpg\"\n },\n {\n name: \"GitHub Gists\",\n description: \"A service provided by GitHub that allows users to share code snippets and files\",\n link: \"https://gist.github.com/\",\n image: \"https://k9982874.gallerycdn.vsassets.io/extensions/k9982874/github-gist-explorer/0.2.3/1638842316475/Microsoft.VisualStudio.Services.Icons.Default\"\n },\n {\n name: \"Programiz\",\n description: \"A platform in which write a code in this online compiler without depend on any software or compiler\",\n link: \"https://www.programiz.com/python-programming/online-compiler/\",\n image: \"https://i.ibb.co/K0M4T5y/Screenshot-2024-07-02-170050.png\"\n },\n {\n name: \"LeetCode\",\n description: \"A platform for preparing technical coding interviews, offering coding challenges and mock interviews\",\n link: \"https://leetcode.com/\",\n image: \"https://upload.wikimedia.org/wikipedia/commons/1/19/LeetCode_logo_black.png\"\n },\n {\n name: \"CodeChef\",\n description: \"An online platform for competitive programming, offering coding contests and practice problems\",\n link: \"https://www.codechef.com/\",\n image: \"https://s3.amazonaws.com/codechef_shared/sites/all/themes/abessive/logo.svg\"\n },\n {\n \"name\": \"Coding Ninjas\",\n \"description\": \"An online learning platform offering courses in coding and programming with a focus on hands-on learning and projects.\",\n \"link\": \"https://www.codingninjas.com/\",\n \"image\": \"https://www.codingninjas.com/assets-landing/images/CNLOGO.svg\" \n },\n {\n name: \"HakerEarth\",\n description: \"The ease with which a recruiter can create a test on HackerEarth and assess a candidate on a vast skill-set is simply amazing. The analytics that the platform\",\n link: \"https://www.hackerearth.com/\",\n image: \"https://i.pinimg.com/564x/4c/d7/f4/4cd7f43818621e24eaedaa3d9c3aa675.jpg\"\n },\n {\n name: \"HackerRank\",\n description: \"HackerRank is the market-leading coding test and interview solution for hiring developers. Start hiring at the pace of innovation!\",\n link: \"https://www.hackerrank.com/\",\n image: \"https://i.pinimg.com/564x/5d/84/93/5d84930516cac6c802a95671c9acf511.jpg\"\n },\n {\n name: \"GeeksforGeeks\",\n description: \"A portal for computer science resources, tutorials, and coding practice.\",\n link: \"https://www.geeksforgeeks.org/\",\n image: \"https://shorturl.at/isVge\"\n },\n {\n name: \"Codeforces\",\n description: \"Codeforces is a competitive programming platform offering coding contests and problem-solving exercises to enhance algorithmic skills.\",\n link: \"https://codeforces.com/\",\n image: \"https://media.dev.to/cdn-cgi/image/width=1080,height=1080,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcer3l19eex0wy900b101.jpg\"\n },\n {\n name: \"Kaggle\",\n description: \"Kaggle is an online platform for data science competitions, learning resources, and a community for data scientists and machine learning enthusiasts to collaborate and compete.\",\n link: \"https://www.kaggle.com/\",\n image: \"https://www.googleapis.com/download/storage/v1/b/kaggle-user-content/o/inbox%2F3335785%2F5ba220bb74222dc4831ec760af1e25d1%2F0_EcNt1Y_p5njLMX3F.png?generation=1588220591109846&alt=media\"\n },\n];\n\n\nconst CodingPlatform = () => {\n return (\n
\n );\n};\n\nexport default CodingPlatform;\n"
},
{
"path": "frontend/src/pages/Collaboration.jsx",
"content": "import React from 'react'\nimport '../style/Collaboration.css'\nconst movies = [\n {\n title: \"Google Drive\",\n category: \"Collaboration Tools\",\n description:\n \"Google Drive is a cloud-based storage platform that allows users to store, share, and collaborate on files and documents online.\",\n image:\n \"https://mailmeteor.com/logos/assets/PNG/Google_Drive_Logo_512px.png\",\n releaseDate: \"2012-04-18\",\n },\n {\n title: \"Airtable\",\n category: \"Collaboration Tools\",\n description:\n \"Airtable is a collaborative work-management tool that uses relational databases at its core.\",\n image:\n \"https://logowik.com/content/uploads/images/airtable3348.jpg\",\n releaseDate: \"2012-09-15\",\n },\n {\n title: \"Dropbox Paper\",\n category: \"Collaboration Tools\",\n description:\n \"Dropbox was one of the first virtual collaboration tools for file sharing and cloud storage, and it now boasts over 700 million registered users. \",\n image:\n \"https://play-lh.googleusercontent.com/yJlI8MRoj7PHDe0OAwpj6DWtZzOsgEm7oPJEIrZepJA9ZFndK5oSbyCTUDq05H7aRg\",\n releaseDate: \"2015-09-20\",\n },\n {\n title: \"Google Chat\",\n category: \"Collaboration Tools\",\n description:\n \"Google Chat is a cloud-based collaborative productivity tool for productive teams that offers real-time messaging, video chat, and email in one place .\",\n image:\n \"https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRSRZXU6U-qFytvbCXnWlaZ59ZMIDa_w5SAtJy_o1539tJ12Kkk\",\n releaseDate: \"2024-10-10\",\n },\n {\n title: \"Zoom\",\n category: \"Collaboration Tools\",\n description:\n \" Zoom provide an excellent voice and video service for virtual communication\",\n image:\n \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRaps0VLCtNGDh-nbDAldJZFvqn6VIT-h-jLp2MYfao4OGRZxa9\",\n releaseDate: \"2024-11-01\",\n },\n {\n title: \"Microsoft Teams\",\n category: \"Collaboration Tools\",\n description:\n \"Microsoft Teams is a team collaboration application developed by Microsoft,offering workspace chat and video conferencing, file storage, and integration of proprietary and third-party applications and services.\",\n image:\n \"https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTThN_hvgYRjH2wN8IHwtUSEGOBMZSgGziCNBncclLQn7lFb_IW\",\n releaseDate: \"2024-11-15\",\n },\n {\n title: \"Canva\",\n category: \"Collaboration Tools\",\n description:\n \"Canva is a web-based design online collaboration tool that allows users to create stunning graphics, presentations, posters, and other visual content. \",\n image:\n \"https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQnN19E18xtM23VtnQAxytEgzdujZ3XKCtnFrfzdXp-tBn1TKKJ\",\n releaseDate: \"2024-09-05\",\n },\n {\n title: \"Invision\",\n category: \"Collaboration Tools\",\n description:\n \"Invision is among the top collaborative productivity applications that help teams to stay productive by streamlining the design process.\",\n image:\n \"https://rm-media.nyc3.cdn.digitaloceanspaces.com/wp-content/uploads/sites/4/2020/08/InVision-App-logo.png\",\n releaseDate: \"2024-09-01\",\n },\n {\n title: \"Miro\",\n category: \"Collaboration Tools\",\n description:\n \"Miro is a visual collaboration tool that helps teams plan projects, run meetings, and brainstorm. \",\n image:\n \"https://logowik.com/content/uploads/images/miro3962.jpg\",\n releaseDate: \"2024-10-01\",\n },\n {\n title: \"Figma\",\n category: \"Collaboration Tools\",\n description:\n \"Figma is a Web design tool with collaborative features. Best for User-friendly graphic design, social media content creation, and online collaboration.\",\n image:\n \"https://i.pinimg.com/564x/17/06/c9/1706c9f16bd08eb5e03f1df3e0a94a1c.jpg\",\n releaseDate: \"2016-9-27\",\n },\n {\n title: \"Notion\",\n category: \"Collaboration Tools\",\n description: \"Notion is an all-in-one workspace for note-taking, project management, and collaboration. It is best for organizing tasks, managing projects, and creating databases in a user-friendly and flexible interface.\",\n image: \"https://i.pcmag.com/imagery/reviews/05FBstbqla0pEWrlFLTw4ML-17.fit_lim.size_1050x591.v1704906459.png\",\n releaseDate: \"2018-6-1\"\n },\n {\n title: \"Basecamp\",\n category: \"Project Management\",\n description: \"Basecamp is a project management and team collaboration software. It is best for organizing projects, tracking progress, and facilitating team communication in a straightforward and user-friendly platform.\",\n image: \"https://pbs.twimg.com/profile_images/1671513829522432003/BwPEpDI0_400x400.jpg\",\n releaseDate: \"2004-2-5\"\n },\n {\n title: \"Google Meet\",\n category: \"Video Conferencing\",\n description: \"Google Meet is a video conferencing tool that offers high-quality video meetings for businesses and individuals. It is best for seamless integration with Google Workspace, allowing easy scheduling, screen sharing, and collaboration in real-time.\",\n image: \"https://i.pcmag.com/imagery/reviews/02y6SQ4hhnWGi8zjE2FlYqi-8.fit_scale.size_760x427.v1615070874.jpg\",\n releaseDate: \"2017-3-9\"\n },\n \n {\n title: \"Eraser\",\n category: \"Collaboration Tools\",\n description: \"Documents & diagrams for engineering teams All-in-one markdown editor, collaborative canvas, and diagram-as-code builder.\",\n image: \"https://i.ibb.co/z8KTr7D/download.jpg\",\n releaseDate: \"2023-8-1\"\n },\n {\n title: \"Zoho Connect\",\n category: \"Collaboration Tools\",\n description: \"Zoho Connect is a team collaboration software that unifies people, resources, and applications on a single platform for efficient communication and collaboration.\",\n image: \"https://www.zohowebstatic.com/sites/zweb/images/ogimage/connect-logo.png\",\n releaseDate: \"2016-09-15\"\n },\n {\n title: \"Bitrix24\",\n category: \"Collaboration Tools\",\n description: \"Bitrix24 is a collaboration platform offering a suite of tools for communication, project management, CRM, and more, designed to improve team productivity and efficiency.\",\n image: \"https://logowik.com/content/uploads/images/bitrix241512.jpg\",\n releaseDate: \"2012-04-12\"\n }, \n {\n title: \"Glip\",\n category: \"Collaboration Tools\",\n description: \"Glip is a collaborative platform designed for teams to communicate, manage projects, and streamline workflows effectively.\",\n image: \"https://img.utdstc.com/icon/5dc/193/5dc1931ffa409f64bd7c56c5e9bdb5fc13aa04a740fdfb39c4995eba9e9a06b5:200\",\n releaseDate: \"2014-05-15\"\n },\n {\n title: \"Ryver\",\n category: \"Collaboration Tools\",\n description: \"Ryver is a team communication and collaboration platform that integrates chat, task management, and workflow automation to streamline team productivity.\",\n image: \"https://ryver.com/wp-content/uploads/2024/05/thumbnail_ryver-cloverleaf-graphic-ACompany.png\",\n releaseDate: \"2015-09-01\"\n },\n {\n title: \"nTask\",\n category: \"Collaboration Tools\",\n description: \"nTask is a project management and collaboration tool that helps teams manage tasks, projects, and workflows efficiently.\",\n image: \"https://www.ntaskmanager.com/wp-content/uploads/2022/05/nTask-Logo-Vertical.svg\",\n releaseDate: \"2015-07-01\"\n },\n \n {\n title: \"Flock\",\n category: \"Collaboration Tools\",\n description: \"Flock is a team communication and collaboration platform that provides messaging, video conferencing, and task management to enhance team productivity.\",\n image: \"https://www.flock.com/hubfs/Flock-Logo%20-%20Color%20-%20Inverted.svg\",\n releaseDate: \"2014-11-01\"\n }, \n {\n title: \"Chanty\",\n category: \"Collaboration Tools\",\n description: \"Chanty is a team communication and collaboration tool that offers chat, task management, and video conferencing to enhance team productivity and streamline workflows.\",\n image: \"https://super-monitoring.com/blog/wp-content/uploads/2022/07/chanty.png.webp\",\n releaseDate: \"2017-01-01\"\n }, \n\n];\nconst Collaboration = () => {\n return (\n
\n
\n Collaboration Tools\n
\n
\n {movies.map((movie, index) => (\n
\n \n
{movie.title}
\n
{movie.category}
\n
{movie.description}
\n
\n Release Date: {movie.releaseDate}\n
\n
\n ))}\n
\n
\n )\n}\n\nexport default Collaboration\n"
},
{
"path": "frontend/src/pages/CoursesPlatform.jsx",
"content": "import React from 'react';\nimport '../style/Courses.css'; \n\nconst courses = [\n {\n title: \"Introduction to Programming\",\n category: \"Computer Science\",\n description:\n \"Learn the basics of programming using Python. Ideal for beginners with no prior experience.\",\n duration: \"12 weeks\",\n image: \"https://i.pinimg.com/564x/90/44/a6/9044a634e09b2a633ff73efad0fdf470.jpg\",\n startDate: \"2024-09-01\",\n endDate: \"2024-11-24\",\n instructor: \"Jane Doe\",\n price: 199.99,\n },\n {\n title: \"Advanced Mathematics\",\n category: \"Mathematics\",\n description:\n \"Explore advanced topics in calculus and linear algebra. Suitable for students with a strong math background.\",\n duration: \"14 weeks\",\n image: \"https://i.pinimg.com/564x/06/6d/01/066d01021f6941465b30837fd3a89e1e.jpg\",\n startDate: \"2024-09-05\",\n endDate: \"2024-12-12\",\n instructor: \"Dr. John Smith\",\n price: 299.99,\n },\n {\n title: \"Digital Marketing\",\n category: \"Business\",\n description:\n \"Learn the fundamentals of digital marketing, including SEO, social media marketing, and email marketing.\",\n duration: \"10 weeks\",\n image: \"https://i.pinimg.com/564x/9f/29/ad/9f29adf4942d8d4729726c8266a32b85.jpg\",\n startDate: \"2024-10-01\",\n endDate: \"2024-12-10\",\n instructor: \"Emily Johnson\",\n price: 149.99,\n },\n {\n title: \"Introduction to Graphic Design\",\n category: \"Design\",\n description:\n \"Learn the basics of graphic design using Adobe Photoshop and Illustrator.\",\n duration: \"8 weeks\",\n image: \"https://i.pinimg.com/736x/5d/28/90/5d289055564c7f5b0ff3d55d438f1a24.jpg\",\n startDate: \"2024-09-15\",\n endDate: \"2024-11-10\",\n instructor: \"Michael Brown\",\n price: 249.99,\n },\n {\n title: \"World History\",\n category: \"History\",\n description:\n \"Explore the major events and themes in world history from ancient times to the present.\",\n duration: \"16 weeks\",\n image: \"https://i.pinimg.com/736x/61/da/85/61da85e6093a89564a2e73724e25f9b7.jpg\",\n startDate: \"2024-09-20\",\n endDate: \"2025-01-10\",\n instructor: \"Dr. Lisa Green\",\n price: 179.99,\n },\n {\n title: \"Creative Writing\",\n category: \"Literature\",\n description:\n \"Develop your writing skills and learn how to craft compelling stories and essays.\",\n duration: \"10 weeks\",\n image: \"https://i.pinimg.com/564x/61/70/cd/6170cdbd957b9737830b2d0afdbbdde3.jpg\",\n startDate: \"2024-10-10\",\n endDate: \"2024-12-20\",\n instructor: \"David Wilson\",\n price: 129.99,\n },\n {\n title: \"Learn World\",\n category: \"History\",\n description:\n \"LearnWorlds is an advanced online course creation platform .\",\n duration: \"10 weeks\",\n image: \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS2PQr4qbjQD4JcNSSO5Vs5-xU9KhXEGSugMw&s\",\n startDate: \"2024-10-10\",\n endDate: \"2024-12-20\",\n instructor: \" Panos Siozos\",\n price: 150.99,\n },\n];\n\nconst CoursesPlatform = () => {\n return (\n
\n
Available Courses
\n
\n {courses.map((course, index) => (\n
\n \n
{course.title}
\n
{course.category}
\n
{course.duration}
\n
{course.description}
\n
Instructor: {course.instructor}
\n
Dates: {course.startDate} : {course.endDate}
\n
${course.price.toFixed(2)}
\n
\n ))}\n
\n
\n );\n};\n\nexport default CoursesPlatform;\n"
},
{
"path": "frontend/src/pages/EthicalHacking.jsx",
"content": "import React from 'react';\nimport '../style/EthicalHacking.css';\nconst blogs = [\n {\n title: 'Introduction to Ethical Hacking',\n date: 'June 1, 2024',\n summary: 'Learn the basics of ethical hacking, its importance, and how it differs from malicious hacking.',\n image: 'https://i.pinimg.com/564x/b4/7f/9e/b47f9e5afd8f47e8aa42f5ad00cfeb84.jpg',\n },\n {\n title: 'Top 10 Tools for Ethical Hackers',\n date: 'June 5, 2024',\n summary: 'Discover the essential tools used by ethical hackers to identify and fix security vulnerabilities.',\n image: 'https://i.pinimg.com/564x/1b/85/31/1b853115b5c17ce0911c85f1daa3296f.jpg',\n },\n {\n title: 'Best Practices for Ethical Hacking',\n date: 'June 10, 2024',\n summary: 'A guide to the best practices every ethical hacker should follow to ensure ethical and legal compliance.',\n image: 'https://i.pinimg.com/736x/2a/42/c4/2a42c40b99eac872a3a4247d54364346.jpg',\n },\n {\n title: 'How to Start a Career in Ethical Hacking',\n date: 'June 15, 2024',\n summary: 'A step-by-step guide on how to begin a career in ethical hacking, including necessary skills and certifications.',\n image: 'https://i.pinimg.com/564x/5b/59/1a/5b591ac56f20337445b413a24f4e9616.jpg',\n },\n {\n title: 'Understanding Penetration Testing',\n date: 'June 20, 2024',\n summary: 'An in-depth look at penetration testing, its methodologies, and its role in maintaining cybersecurity.',\n image: 'https://i.pinimg.com/564x/f4/0d/34/f40d34270396400c2c4066a6da106297.jpg',\n },\n {\n title: 'The Future of Ethical Hacking',\n date: 'June 25, 2024',\n summary: 'Explore the future trends in ethical hacking and how they will shape the cybersecurity landscape.',\n image: 'https://i.pinimg.com/736x/87/8f/95/878f95801c46d367905f5e9c8f8ecb0e.jpg',\n },\n];\n\nconst EthicalHacking = () => {\n return (\n
\n
Ethical Hacking Blog
\n
\n {blogs.map((blog, index) => (\n
\n \n
{blog.title}
\n
{blog.date}
\n
{blog.summary}
\n
\n ))}\n
\n
\n );\n}\n\nexport default EthicalHacking;\n"
},
{
"path": "frontend/src/pages/Extension.jsx",
"content": "import React from \"react\";\nimport \"../style/Extensions.css\";\n\nconst extensions = [\n {\n title: \"React Developer Tools\",\n category: \"Development\",\n description: \"A set of tools for inspecting and debugging React applications.\",\n version: \"4.13.3\",\n image: \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTe3ZHRm4yFPUXCnWUNBXPJEhsImIwthTQSF4masCFQnQR4meEyyAL0eMqLossUUl403Fk\",\n developer: \"Facebook\",\n },\n {\n title: \"Redux DevTools\",\n category: \"Development\",\n description: \"DevTools for Redux with hot reloading, action replay, and time travel.\",\n version: \"2.17.0\",\n image: \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSY6dA_h_gfHv90W7GMQtz2dKID156nmgLZVg&s\",\n developer: \"Redux\",\n },\n {\n title: \"ESLint\",\n category: \"Development\",\n description: \"A tool for identifying and fixing problems in your JavaScript code.\",\n version: \"7.32.0\",\n image: \"https://cdn.hashnode.com/res/hashnode/image/upload/v1629868571653/6C5v-kqoL.png\",\n developer: \"Nicholas C. Zakas\",\n },\n {\n title: \"Prettier\",\n category: \"Development\",\n description: \"An opinionated code formatter that enforces a consistent style.\",\n version: \"2.3.2\",\n image: \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSRJMr6dtB-rxlXjRhBmVvrdb-026KcDA2Mhw&s\",\n developer: \"Prettier\",\n },\n {\n title: \"Postman\",\n category: \"API Development\",\n description: \"A collaboration platform for API development.\",\n version: \"8.6.2\",\n image: \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSmrpIkmjvNdeOlYbumyC8UErD2aRzQ9matxg&s\",\n developer: \"Postman\",\n },\n {\n title: \"Live Server\",\n category: \"Development\",\n description: \"A VS Code extension for launching a local development server with live reload.\",\n version: \"5.6.1\",\n image: \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT6qFV8dxdP-jTNqWZyH6fjCFDPGITimNvI8w&s\",\n developer: \"Ritwick Dey\",\n },\n {\n title: \"GitHub Copilot\",\n category: \"Development\",\n description: \"An AI-powered code completion tool that suggests code snippets and entire functions based on the context of your code.\",\n version: \"1.8.0\",\n image: \"https://freeappsai.com/wp-content/uploads/2024/03/Copilot.jpg\",\n developer: \"GitHub\",\n },\n {\n title: \"Angular Snippet for TypeScript\",\n category: \"Development\",\n description: \"Get SEO insights at the click of a button to any website you're currently on. Built by full-time SEO's for daily analysis\",\n version: \"2.2.3\",\n image: \"https://lh3.googleusercontent.com/oFVSn32RiYmiXqaAFCzhAnNh70kCeFtP_vRCUXq54kC6tMjxn2nbLT05mztIb6RqL9xfPP2FCmfStYRsaYjdu9RKjjI=s60\",\n developer: \"Marketing, Inc.\",\n },\n {\n title: \"Proofhub\",\n category: \"Development\",\n description: \"ProofHub is an easy-to-use project management software with everything you need to manage teams, work, and projects from a central location.\",\n version: \"1.6.0\",\n image: \"https://i.pcmag.com/imagery/reviews/00DGg3V9SuURGDLUoe7QmD6-23.fit_lim.size_1050x591.v1605289134.png\",\n developer: \"ProofHub\",\n }, \n];\n\nconst Extensions = () => (\n
\n
Extensions
\n
\n {extensions.map((extension, index) => (\n
\n \n
{extension.title}
\n
{extension.category}
\n
Version: {extension.version}
\n
{extension.description}
\n
Developer: {extension.developer}
\n
\n ))}\n
\n
\n);\n\nexport default Extensions;\n"
},
{
"path": "frontend/src/pages/Extensions.jsx",
"content": "import React from \"react\";\nimport \"../style/Extension.css\";\n\nconst extensions = [\n { name: \"Usersnap Chrome extension\", description: \"The Usersnap Chrome extension lets you capture and annotate any web page directly in your browser. Itβs super-easy to provide visual feedback on prototypes or report bugs with this Google extension.\", link: \"https://chrome.google.com/webstore/detail/usersnap-classic-collect/khehmhbaabkepkojebhcpjifcmojdmgd?utm_source=blog\", image: \"https://lh3.googleusercontent.com/dwk31hLXUjiMlYg-PWlbzeg1NM5bc8PEuXcsFjv1NpR3DCpnYaFFJSkPK0RUkm9h5w_J0z5CTMIRvzaf53Wb42XF4Q=s60\" },\n { name: \"Web Developer extension\", description: \"The Google extension web developers have a lot of handy tools developers can use in their day-to-day work β for graphic designers as well as programmers.\", link: \"https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm\", image: \"https://lh3.googleusercontent.com/H662aZCLuvojQ3u36n76zhnyo1b_y2ef7OanOaeRowoU1hR1EMbKlnPslBiAknJzRplXmjq-OXeIgtV95i-BDE-BXw=s60\" },\n { name: \"Hiver β Chrome extension\", description: \"This is a tool that helps teams manage group inboxes like engineering@ and bugs@ right from Gmail.\", link: \"https://chrome.google.com/webstore/detail/hiver-gmail-based-custome/fcinnggknmdfkilogcndkgpojpfojeem\", image: \"https://lh3.googleusercontent.com/oTImuax2h7BjpG1bWnaDQ9n2oUJAnFUhkajGmzqAfn9P4kdy-uf_YUoi2RQ9Qr2tEN9vdjTIZG3_v3cLMSPLurji=s60\" },\n { name: \"ClickUp\", description: \"ClickUp is an all-in-one productivity solution for software teams to plan, collaborate, and manage projects in one centralized work hub.\", link: \"https://chrome.google.com/webstore/detail/clickup-tasks-screenshots/pliibjocnfmkagafnbkfcimonlnlpghj?hl=en\", image: \"https://lh3.googleusercontent.com/0WM3KRhW0rZ7jaq-egsEq7xPdb7WOpmsnxvwd53Egwsa9zT2pnAjtH0P7lldUP8x44B-F1tGy7ORvILhgsW8OHge3g=s60\" },\n { name: \"actiTIME\", description: \"actiTIME Timer tool helps every web developer to keep track of work hours directly from the web browser and web apps such as Jira. It is used by companies and freelancers for analyzing performance and controlling the projectβs progress and profitability.\", link: \"https://chrome.google.com/webstore/detail/actitime-time-tracking-pr/oogddkbohgikljeadnkcepdmekigegck\", image: \"https://lh3.googleusercontent.com/BOPW4fvq2F49CCRJRy1DO9cQj5VAft7CimkuoJxFk3zkR4DyGz2xjWSa3V6gLoSXDdKVNP_DvMMJdhsguxaMZBcohg=s60\" },\n { name: \"JSONVue\", description: \"As a developer working with RESTful APIs, reading raw JSON data on a browser can be quite awkward. Itβs much easier to read JSON in tree-view, rather than in its raw state.\", link: \"https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=en%20\", image: \"https://lh3.googleusercontent.com/4rEXe8coLpWkeFvKwS3lnNuqev5jHuz782UOPIgfubs-e_wPitMALrGUY1j6gwrlM7yTjzMkTP26DeIgGuzFZZyn0A=s60\" },\n { name: \"Dark Reader Extension\", description: \"It enables dark mode on any website, reducing eye strain and making it easier to read at night.\", link: \"https://darkreader.org/\", image: \"https://avatars.githubusercontent.com/u/38494721?v=4\"},\n { name: \"Rakuten Extension\", description: \"Itβs a nice way to get some cashback, and this is on top of whatever cashback or points you may get from your credit card! The extension makes it easy to check for offers while shopping online.\", link: \"https://chromewebstore.google.com/detail/rakuten-get-cash-back-for/chhjbpecpncaggjpdakmflnfcopglcmi?hl=en\", image: \"https://logowik.com/content/uploads/images/rakuten7982.jpg\"},]\n\nconst Extension = () => {\n return (\n
\n );\n};\n\nexport default Extension;"
},
{
"path": "frontend/src/pages/FrontendTools.jsx",
"content": "import React from \"react\";\nimport \"../style/FrontendTools.css\";\n\nconst tools = [\n { \n name: \"React\", \n description: \"A JavaScript library for building user interfaces\", \n link: \"https://reactjs.org/\", \n image: \"https://i.pinimg.com/564x/cb/a0/b8/cba0b89d2bf2d96a1ed26edb5849f804.jpg\" \n },\n { \n name: \"Vue.js\", \n description: \"The Progressive JavaScript Framework\", \n link: \"https://vuejs.org/\", \n image: \"https://i.pinimg.com/564x/81/53/7d/81537d4d5b76f89d653db2bed33b85ed.jpg\" \n },\n { \n name: \"Next.js\", \n description: \"Next.js is a React framework for building full-stack web applications.\", \n link: \"https://nextjs.org/\", \n image: \"https://i.pinimg.com/564x/3f/f5/f9/3ff5f96fafaf0dacf5e6a8e69072f2dc.jpg\" \n },\n { \n name: \"Angular\", \n description: \"One framework. Mobile & desktop.\", \n link: \"https://angular.io/\", \n image: \"https://i.pinimg.com/564x/21/77/78/2177788cdee5c706d5b119a42d0d8d85.jpg\" \n },\n { \n name: \"Svelte\", \n description: \"Cybernetically enhanced web apps\", \n link: \"https://svelte.dev/\", \n image: \"https://sourcebae.com/blog/wp-content/uploads/2023/08/9969f494-sveltelogo.png\" \n },\n { \n name: \"Bootstrap\", \n description: \"The most popular HTML, CSS, and JS library\", \n link: \"https://getbootstrap.com/\", \n image: \"https://i.pinimg.com/564x/92/d6/60/92d660adb69ff63b4d133cda9592d848.jpg\" \n },\n { \n name: \"Tailwind CSS\", \n description: \"A utility-first CSS framework for rapid UI development\", \n link: \"https://tailwindcss.com/\", \n image: \"https://i.pinimg.com/564x/5e/42/c9/5e42c926feb229f934d3089d89c26e2f.jpg\" \n },\n { \n name: \"Ember.js\", \n description: \"A framework for building ambitious web applications\", \n link: \"https://emberjs.com/\", \n image: \"https://i.pinimg.com/564x/e1/1a/8e/e11a8e30ab4c9ee67f13d510bf11f8a5.jpg\" \n },\n { \n name: \"jQuery\", \n description: \"A fast, small, and feature-rich JavaScript library\", \n link: \"https://jquery.com/\", \n image: \"https://i.pinimg.com/564x/ca/b6/c7/cab6c762e02a0b4fe89ab3c977928398.jpg\" \n },\n { \n name: \"Bulma\", \n description: \"Bulma is a free, open source framework that provides ready-to-use frontend components\", \n link: \"https://bulma.io/\", \n image: \"https://i.pinimg.com/564x/d7/5e/98/d75e986f0e4d9bcb4d11dacd4556fd40.jpg\" \n },\n { \n name: \"Foundation\", \n description: \"Foundation is a free, open source framework that provides ready-to-use frontend components and css classes for the direct use\", \n link: \"https://get.foundation/\", \n image: \"https://i.pinimg.com/236x/e7/77/1a/e7771ae79843be99e0cdacefd1c561ac.jpg\" \n },\n {\n name: \"Grommet\",\n description: \"A React-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package.\",\n link: \"https://v2.grommet.io/\",\n image: \"https://i.ibb.co/6RrD7hw/Screenshot-2024-06-29-131941.png\"\n },\n {\n name: \"Shadcn/ui\",\n description: \"Shadcn/ui is a collection of accessible, themeable, and customizable React components built using Radix UI and Tailwind CSS, designed to streamline the creation of modern, responsive web interfaces.\",\n link: \"https://ui.shadcn.com/\",\n image: \"https://shorturl.at/TVTbX\"\n },\n {\n name: \"Ant Design\",\n description: \"A design system for enterprise-level products, offering a set of high-quality React components out of the box.\",\n link: \"https://ant.design/\",\n image: \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSHd0R9InDxSt6TjHiY61JdqxUIoM_FXU4DJw&s\"\n },\n {\n name: \"Sass\",\n description: \"Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.\",\n link: \"https://sass-lang.com/\",\n image: \"https://shorturl.at/RtQ1O\"\n },\n {\n name: \"LottieFiles\",\n description: \"Largest collection of free-to-use animations, with thousands of unique designs that can be used for both personal and commercial projects. The animations are professionally designed, and you can also change the colour, height, width, animation speed, and so on to match the theme of your website.\",\n link: \"https://lottiefiles.com/\",\n image: \"https://i.pinimg.com/564x/cb/7e/41/cb7e41c764d0a7e1b7713d11fa08e152.jpg\"\n },\n {\n name: \"TypeScript\",\n description: \"TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience.\",\n link: \"https://www.typescriptlang.org/\",\n image: \"https://iconduck.com/icons/95017/typescript-icon\"\n },\n {\n name: \"Backbone.js\",\n description: \"Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.\",\n link: \"https://backbonejs.org/\",\n image: \"https://cdn.hashnode.com/res/hashnode/image/upload/v1681040353717/f19b13d0-e85e-4527-8c4b-81a0b8d2034a.jpeg\"\n },\n {\n name: \"Webpack\",\n description: \"Webpack is a module bundler for modern JavaScript applications. It compiles small pieces of code, known as modules, into a cohesive bundle for use in the browser. Webpack enables developers to manage dependencies, perform code splitting, and implement hot module replacement to enhance development efficiency. It works with a wide variety of file types and seamlessly integrates with popular frameworks and libraries, supporting both ES6 and CommonJS module formats.\",\n link: \"https://webpack.js.org/\",\n image: \"https://www.google.com/url?sa=i&url=https%3A%2F%2Fwebpack.js.org%2Fconcepts%2F&psig=AOvVaw2QVMaU5NOZG8bV33cipQQc&ust=1721638369531000&source=images&cd=vfe&opi=89978449&ved=0CBEQjRxqFwoTCMi2_-3gt4cDFQAAAAAdAAAAABAE\"\n },\n {\n name: \"Three.js\",\n description: \"Three.js is a cross-browser JavaScript library and API used to create and display animated 3D computer graphics in a web browser. It simplifies the process of building 3D experiences for the web by providing a straightforward interface for working with WebGL, which is the underlying technology for rendering graphics. Three.js supports a wide range of features including lighting, shadows, materials, textures, and advanced effects like shaders and post-processing. It's widely used for creating interactive 3D websites, games, data visualizations, and virtual reality experiences.\",\n link: \"https://threejs.org/\",\n image: \"https://miro.medium.com/v2/resize:fit:724/1*6s_Dkfeldg35ySmAp0tPkQ.png\"\n}\n \n];\n\nconst FrontendTools = () => {\n return (\n
\n );\n};\n\nexport default FrontendTools;\n"
},
{
"path": "frontend/src/pages/Movie.jsx",
"content": "import React from \"react\";\nimport \"../style/Movie.css\";\nconst movies = [\n {\n title: \"The Pursuit of Happyness\",\n category: \"Family,Drama\",\n description:\n \"Chris Gardner takes up an unpaid internship in a brokerage firm after he loses his life's earnings selling a product he invested in. His wife leaves him and he is left with the custody of his son.\",\n image:\n \"https://www.sonypictures.com/sites/default/files/styles/max_560x840/public/title-key-art/thepursuitofhappyness_onesheet_1400x2100.png?itok=BSpvsOsJ\",\n releaseDate: \"2006-12-12\",\n },\n {\n title: \"Taare Zameen Par\",\n category: \"Family,Musical\",\n description:\n \"Ishaan is criticised by his parents for his poor academic performance and is sent away to a boarding school. Ram, an art teacher, however, realises he has dyslexia and helps him uncover his potential.\",\n image:\n \"https://i.ytimg.com/vi/3Z14uE7U0HY/hqdefault.jpg\",\n releaseDate: \"2007-12-21\",\n },\n {\n title: \"3 Idiots\",\n category: \"Comedy\",\n description:\n \"In college, Farhan and Raju form a great bond with Rancho due to his refreshing outlook. Years later, a bet gives them a chance to look for their long-lost friend whose existence seems rather elusive.\",\n image:\n \"https://images.firstpost.com/uploads/2022/12/3i.jpg?im=FitAndFill=(596,336)\",\n releaseDate: \"2009-12-25\",\n },\n {\n title: \"Sachin: A Billion Dreams\",\n category: \"Sport,Documentary\",\n description:\n \"Sachin Tendulkar recounts his journey of becoming one of the most famous names in cricket with the help of archival footage, re-enactments and clips of his family, friends and colleagues.\",\n image:\n \"https://origin-staticv2.sonyliv.com/videoasset_images/Sachin_A_Billion_Dreams_lands.jpg\",\n releaseDate: \"2017-05-26\",\n },\n {\n title: \"Super 30\",\n category: \"Drama,Comedy\",\n description:\n \"Anand Kumar, a mathematician from Patna, India, works his way through challenges towards success before running the Super 30 programme for IIT aspirants in Patna.\",\n image:\n \"https://m.media-amazon.com/images/M/MV5BMWQzM2Y0ZDQtYjA1MS00YmUzLWFiMGQtZTliZWM1MWRiNDZhXkEyXkFqcGdeQXVyNTE2MzU4OTA@._V1_.jpg\",\n releaseDate: \"2019-07-12\",\n },\n {\n title: \"12th Fail\",\n category: \"Drama\",\n description:\n \"IPS officer Manoj Kumar Sharma fearlessly embraces the idea of restarting his academic journey and reclaiming his destiny at a place where millions of students attempt the world's toughest competitive exam: UPSC.\",\n image:\n \"https://m.economictimes.com/thumb/msid-105086975,width-1200,height-1200,resizemode-4,imgsize-83368/12th-fail.jpg\",\n releaseDate: \"2023-10-27\",\n },\n {\n title: \"I Am Kalam\",\n category: \"Drama\",\n description:\n \"Chotu, a poor boy, derives inspiration from the former President of India APJ Abdul Kalam. He then decides to change his name to Kalam and harbours a dream of meeting the visionary.\",\n image:\n \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRkEWzNQl0BuH5X56lglHNrSJvIM1VZ3VEgA9K0f4TNzo-93WHp\",\n releaseDate: \"2011-08-05\",\n },\n {\n title: \"Mary Kom\",\n category: \"Sports/Action\",\n description:\n \"When Mary Kom encounters a renowned coach in a boxing gym, she shares her boxing aspirations with him and convinces him to teach her. Despite her father's disapproval, she follows her passion.\",\n image:\n \"https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTkflHw3-Y9fnKzKa3YxTXl_3xe8YJEWp4KFrfM5NZEsHg4Dqfi\",\n releaseDate: \"2014-09-05\",\n },\n {\n title: \"Srikanth Bolla\",\n category: \"Biography\",\n description:\n \"Srikanth is a 2024 Indian Hindi-language biographical film on the life of Srikanth Bolla, a visually-impaired industrialist and the founder of Bollant Industries.\",\n image:\n \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ-LbV2HkXt0qDQfwEFKjApCOsbn8poFpnMmg&s\",\n releaseDate: \"2024-05-13\",\n },\n {\n title: \"Chhichhore\",\n category: \"Comedy/Sport\",\n description:\n \"A tragic incident forces Anirudh, a middle-aged man, to take a trip down memory lane and reminisce his college days along with his friends, who were labelled as losers.\",\n image:\n \"https://img1.hotstarext.com/image/upload/f_auto,t_hcdl/sources/r1/cms/prod/9771/1599771-h-2ce23e9cb135\",\n releaseDate: \"2019-09-06\",\n },\n];\n\nconst Movie = () => {\n return (\n
\n
\n Movies & Series\n
\n
\n {movies.map((movie, index) => (\n
\n \n
{movie.title}
\n
{movie.category}
\n
{movie.description}
\n
\n Release Date: {movie.releaseDate}\n
\n
\n ))}\n
\n
\n );\n};\n\nexport default Movie;\n"
},
{
"path": "frontend/src/pages/Movies.jsx",
"content": "import React from \"react\";\nimport \"../style/Movies.css\";\n\nconst movies = [\n { name: \"Netflix\", description: \"Netflix is one of the original OTT streaming servicesIt started as an online DVD rental shop. Its quick adaptation as live streaming technology began to surface is part of its success.\", link: \"https://www.netflix.com/in/\", image: \"data:image/png;base64,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\" },\n { name: \"Disney+\", description: \"Disney+ is an over-the-top streaming service offering access to films and TV series owned by The Walt Disney Company. These include programs by Disney, Pixar, Marvel, Star, National Geographic, and Star Wars.\", link: \"https://disneyplus.com/home\", image: \"data:image/jpeg;base64,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\" },\n { name: \"Prime Video\", description: \"Amazonβs own service, Prime Video, offers unlimited access to a library of video content with a subscription, and it also has additional content available for rent or purchase.\", link: \"https://www.primevideo.com/\", image: \"data:image/png;base64,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\" },\n { name: \"HBO Max\", description: \"An exciting aspect of HBO Max's over-the-top service is that it offers access to movies that are still in theaters at no additional cost. \", link: \"https://www.max.com/\", image: \"data:image/jpeg;base64,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\" },\n { name: \"Hulu\", description: \"Hulu is another popular over-the-top video service. Hulu is different from Netflix, as new episodes are uploaded the day after they air.\", link: \"https://hulu.com/welcome\", image: \"data:image/jpeg;base64,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\" },\n { name: \"ESPN+\", description: \"ESPN+ is an OTT service dedicated to sports streaming. This service differs slightly from the others weβve covered because it focuses on live video streaming.\", link: \"https://www.espn.com/espnplus/\", image: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA0CAMAAADomgtXAAAAb1BMVEX///8AAADb29vv7+8YGBjX19cVFRXs7Oz7rQD7qwD7sQDz8/NHR0eSkpL7pgCzs7O8vLyenp7m5uZ0dHT/+fD+8+L+9uk6Ojr8ynn8wFX92aBdXV0LCwtnZ2ciIiJTU1P91Zb94bWAgIDOzs7+7dSSPCnGAAAA10lEQVRIie2R6xKCIBCFFw1RUbynlVlp7/+M7YLWuDM9gDN8fzhwOMPuAuDxeDwHQgUWCRDs+O7/BRvhCMWeSK8io1ttd+bBzNl9zoKi3ATdGszAg6FD63VV64ECFSqlSCCX+MqD4kSI6jbSGt1hiqyYCnwU7fEBYJI0jc1zP5u1nqJgFVZYuyS7gdbEFHztglKI/LerbHDepqZgcXabJC2rtOSjQFFZp6exYB0F6rdJeIs5C86uNWqegmgv9jc6Hqyl+39tV1njgdSuCRmQLXnC4/F4DsEHDqQIFc/NU3UAAAAASUVORK5CYII=\" },\n];\n\nconst Movie = () => {\n return (\n
\n );\n};\n\nexport default Movie;"
},
{
"path": "frontend/src/pages/Productivity.jsx",
"content": "import React from 'react'\nimport '../style/Productivity.css'\nconst products = [\n {\n title: \"Asana\",\n category: \"Productivity Tool\",\n description:\n \"Asana is a versatile project management productivity tool known for its user-friendly interface.\",\n image:\n \"https://assets.asana.biz/m/7342a96f034ee491/original/trademark-logo-lockup-horizontal.png\",\n releaseDate: \"2008-09-01\",\n },\n {\n title: \"Slack\",\n category: \"Productivity Tool\",\n description:\n \"Slack is a productivity tool that helps in proper coordination and communication amongst team members.\",\n image:\n \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSVMFeL3wuZcR9N0bMhYVDE0mFYd1UR-JYitw&s\",\n releaseDate: \"2020-09-05\",\n },\n {\n title: \"Trello\",\n category: \"Productivity Tool\",\n description:\n \"Trello is a well-regarded project management productivity tool that visualizes workflows, making project collaboration smooth and satisfying for support\",\n image:\n \"https://i.pcmag.com/imagery/reviews/04C2m2ye5UfXyb5x5WWIsZ4-19.fit_lim.size_1050x591.v1625759628.png\",\n releaseDate: \"2011-10-01\",\n },\n {\n title: \"Zapier\",\n category: \"Productivity Tool\",\n description:\n \"Zapier is a productivity tool that automates workflows by linking different apps and services without any coding. \",\n image:\n \"https://i.pcmag.com/imagery/reviews/05fqDQUuRXgFxdx8qWP0fkY-5.fit_lim.size_1200x630.v1569471903.png\",\n releaseDate: \"2024-09-15\",\n },\n {\n title: \"Evernote\",\n category: \"Productivity Tool\",\n description:\n \"Evernote is one of the versatile productivity tools that provides a centralized platform for comprehensive note-taking, document organization.\",\n image:\n \"https://i.pcmag.com/imagery/reviews/00jhTm0Wm3HrXnMKoq2bcjU-18.fit_lim.size_1050x591.v1602169894.png\",\n releaseDate: \"2024-09-20\",\n },\n {\n title: \"Todoist\",\n category: \"Productivity Tool\",\n description:\n \"Todoist is a top productivity app to simplify and organize the workday. \",\n image:\n \"https://sm.pcmag.com/pcmag_au/review/t/todoist/todoist_b6jd.jpg\",\n releaseDate: \"2024-10-10\",\n },\n {\n title: \"Toggl\",\n category: \"Productivity Tool\",\n description:\n \"Toggl Track is a reliable productivity software for tracking employee timesheets. \",\n image:\n \"https://raw.githubusercontent.com/toggl-open-source/toggldesktop/gh-pages/assets/toggl-track-wide.png\",\n releaseDate: \"2024-11-01\",\n },\n {\n title: \"Harvest\",\n category: \"Productivity Tool\",\n description:\n \"Harvest is a productivity tool for freelancers and project management teams.\",\n image:\n \"https://logos-world.net/wp-content/uploads/2022/04/Harvest-New-Logo.png\",\n releaseDate: \"2006-11-15\",\n },\n {\n title: \"ProofHub\",\n category: \"Productivity Tool\",\n description:\n \"ProofHub is a productivity software that revolutionizes project management and team collaboration.\",\n image:\n \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQE0WrVDo0kToN6N-lkYy1ouoOzmxjex4Y5PA&s\",\n releaseDate: \"2024-12-01\",\n },\n {\n title: \"Microsoft Power Automate\",\n category: \"Productivity Tool\",\n description: \"Microsoft Power Automate is a cloud-based service that allows users to automate repetitive tasks and workflows between apps and services.\",\n image: \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRbPBjI73ssv9KbTW4NrIMubObeHOLyOKOQhg&s\",\n releaseDate: \"2016-04-05\"\n },\n {\n title: \"IFTTT\",\n category: \"Productivity Tool\",\n description: \"IFTTT (If This Then That) is a web-based service that allows users to create automation workflows by connecting different apps and services.\",\n image: \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ3HWa196pV6IBx5mj9JCF4oJUlI_C53i3wlg&s\",\n releaseDate: \"2010-12-07\"\n },\n {\n title: \"Calendly\",\n category: \"Productivity Tool\",\n description: \"Calendly is an online scheduling tool that simplifies the process of booking meetings by automatically coordinating availability between users.\",\n image: \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRLgDChsB6hsJMeq_hHSGK24FB_OvgYLV2l5A&s\",\n releaseDate: \"2013-06-06\"\n}\n\n];\n\nconst Productivity = () => {\n return (\n
\n
\n Productivity Tools\n
\n
\n {products.map((movie, index) => (\n
\n \n
{movie.title}
\n
{movie.category}
\n
{movie.description}
\n
\n Release Date: {movie.releaseDate}\n
\n
\n ))}\n
\n
\n )\n}\n\nexport default Productivity"
},
{
"path": "frontend/src/pages/RemoteJob.jsx",
"content": "import React from \"react\";\nimport \"../style/Remotejob.css\";\n\nconst jobs = [\n { name: \"FLEXJOBS\", description: \"FlexJobs(opens in a new tab) has over 50 remote work categories, with pre-screened positions ranging from freelance gigs, to part-time work, to full-time jobs, with remote careers varying from entry-level to executive. The virtual job board currently hosts more than 20,000 working from home job and digital nomad job postings.\", link: \"http://www.flexjobs.com/\", image: \"https://www.flexjobs.com/blobcontent/flexjobs/images/fj-logo.svg\" },\n { name: \"JUSTREMOTE\", description: \"JustRemote(opens in a new tab) covers many job verticals and remote work, including: Development, Marketing and Design, HR, and Customer Success positions. You can filter roles by location, and their virtual job board clearly highlights whether positions have specific country or time overlap requirements.\", link: \"https://justremote.co/\", image: \"data:image/png;base64,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KIt4COLhrgC2tpb63yZKtLaaqUVqRaRJ2eTke0Qn4owA+D44OTnROjn5vQZp9h4AHR9ndPqUyR0BoI9rEeIeMOD75j/08r8A3YEHjuMNvAkAAAAJcEhZcwAACxMAAAsTAQCanBgAAAlkaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MCA3OS4xNjA0NTEsIDIwMTcvMDUvMDYtMDE6MDg6MjEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA2LTA3VDExOjM5OjA5KzAxOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTExLTAzVDIxOjM0OjQyWiIgeG1wOk1vZGlmeURhdGU9IjIwMTktMTEtMDNUMjE6MzQ6NDJaIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphNzcxODE0OC0wN2YxLTQwMGEtOTU4NS0wZGEzNDNhOWUwNmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoxYTM1ZjQ4NS1jZDkzLTdmNDQtYmVmMC01ZGM3M2QwZDdmNzkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjY2QxMmYyMC0wOWMzLTRlMDYtODEzYy03MDViZjQ1MzA5NTAiIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJEaXNwbGF5Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjY2QxMmYyMC0wOWMzLTRlMDYtODEzYy03MDViZjQ1MzA5NTAiIHN0RXZ0OndoZW49IjIwMTgtMDYtMDdUMTE6Mzk6MDkrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZmUzNjQ3NjUtZTIxNC00MDUxLWFkMTQtMTRiMzc1NTdkNDgxIiBzdEV2dDp3aGVuPSIyMDE4LTA2LTA3VDExOjM5OjU1KzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjRkY2YwNTA1LTM3ZTctNDJlYS05Y2NiLWNjYjkxZDVjYmVmZiIgc3RFdnQ6d2hlbj0iMjAxOC0wNi0wN1QxMTozOTo1NSswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphNzcxODE0OC0wN2YxLTQwMGEtOTU4NS0wZGEzNDNhOWUwNmQiIHN0RXZ0OndoZW49IjIwMTktMTEtMDNUMjE6MzQ6NDJaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmZlMzY0NzY1LWUyMTQtNDA1MS1hZDE0LTE0YjM3NTU3ZDQ4MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpjY2QxMmYyMC0wOWMzLTRlMDYtODEzYy03MDViZjQ1MzA5NTAiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjY2QxMmYyMC0wOWMzLTRlMDYtODEzYy03MDViZjQ1MzA5NTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4xsbJ1AAAO7UlEQVRo3s1bCVQUZxL+5+C+xURg1SDgFVzXMy7xBDS7XomRZDeCghrfBhdjnvcRr5goIggmQUQRvOJtvCP3ZQweMXk+BXSjiUm4GWaGue/prWoOZ4Zm6CEmsd9rnen+u/76+q/6quqfgtTW1pKbN2+SS5cukW+//ZacPHmSXLhwgRw6dIjcunWL7Ny5k3z++ef09dOnT5MvvviCXL16leTk5JA9e/bQz2VlZZGMjAx6HN7b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\" },\n { name: \"VIRTUAL VOCATIONS\", description: \"Virtual Vocationsβ(opens in a new tab) jobs board features telecommuting positions in job fields like technical writing and paralegal and is run by an entirely remote team. In addition to their jobs board, the siteβs blog has great tips.\", link: \"http://www.virtualvocations.com/\", image: \"https://www.virtualvocations.com/images/logo-orange.png\" },\n { name: \"REMOTIVE\", description: \"Remotive(opens in a new tab) is a bi-monthly newsletter for job seekers interested in working remotely that includes a robust list of remote positions broken down by job categories β sales, support, product engineering, marketing, etc. β making it easy to find the specific kind of job youβre looking for.\", link: \"https://remotive.com/\", image: \"https://remotive.com/remotive_website_layout/static/src/brand/SVG/wordmark_H_orange.svg\" },\n { name: \"JOBSPRESSO\", description: \"Jobspresso(opens in a new tab) features a wide range of curated jobs in tech, marketing, customer support, and more. You can search their virtual job board for openings and post your resume to be searched and seen by potential employers.\", link: \"https://jobspresso.co/\", image: \"https://jobspresso.co/wp-content/uploads/2015/05/cropped-Jobspresso-logo-2-cropped1.png\" },\n { name: \"REMOTE.CO\", description: \"Remote.co(opens in a new tab) hand-curates their list of remote jobs and allows you to search or browse by job type. These listings and job categories include: customer service positions, design opportunities, developer jobs, recruiter and HR roles, sales jobs, and other online remote jobs (including writers, managers, and marketers).\", link: \"https://remote.co/remote-jobs/\", image: \"https://remoteco.s3.amazonaws.com/wp-content/uploads/2019/04/Rco_logo_2x.png\" },\n { name: \"PANGIAN\", description: \"From talented marketing experts, customer service humans, graphic designers, writers, project managers, web developers to Ph.Ds and lawyers, we are a dynamic global community of diverse go-getters and problem-solvers on a mission to: (1) drive productivity and innovation (2) increased diversity of thought and global collaboration (3) deliver value for progressive companies around the world while working remotely.\", link: \"https://pangian.com/job-travel-remote/\", image: \"https://pangian.com/wp-content/uploads/2023/01/Pangian-Vision-Remote-Work.jpg\" },\n { name: \"REMOTE.CO\", description: \"Remote.co(opens in a new tab) hand-curates their list of remote jobs and allows you to search or browse by job type. These listings and job categories include: customer service positions, design opportunities, developer jobs, recruiter and HR roles, sales jobs, and other online remote jobs (including writers, managers, and marketers).\", link: \"https://remote.co/remote-jobs/\", image: \"https://remoteco.s3.amazonaws.com/wp-content/uploads/2019/04/Rco_logo_2x.png\" },{ name: \"weworkremotely\", description: \"weworkremotely(opens in a new tab)Curate and accelerate your remote job search. Job hunting can be tedious and noisy. Let WWR find the best remote opportunities that are tailored to you.\", link: \"https://weworkremotely.com/introducing-curated-jobs-for-remote-job-seekers\", image: \"https://weworkremotely.com/assets/IsotypeV2-1ebe3dd57673f3e8d02b7490bc0faaef55d6a95d3a4aaf17298bd3ed503ae7fe.svg\" }\n];\n\nconst RemoteJobs = () => {\n return (\n
\n );\n};\n\nexport default RemoteJobs;"
},
{
"path": "frontend/src/pages/RemoteJobs.jsx",
"content": "import React from \"react\";\nimport \"../style/RemoteJobs.css\";\n\nconst tools = [\n { name: \"Toptal\", \n description: \"Toptal is an exclusive network of the top freelance software developers, designers, finance experts, product managers and project managers in the world.\", \n link: \"https://www.toptal.com/\", \n image: \"toptal.webp\" \n },\n { name: \"Turing\", \n description: \"Find remote software jobs with companies based in the US on Turing and get full-time, long-term remote software jobs with better compensation and career growth.\", \n link: \"https://www.turing.com/\", \n image: \"turing.jpg\" \n },\n { name: \"X-Team\", \n description: \"X-Team is a community for developers where you can get long-term remote jobs with leading brands.\", \n link: \"https://x-team.com/\", \n image: \"x-team.jpg\" \n },\n { name: \"Gun.io\", \n description: \"Gun.io helps you find freelance and salaried jobs for tech professionals.The Gun.io platform is changing the game for hiring\", \n link: \"https://gun.io/\", \n image: \"gun-io.png\" \n },\n {\n name: \"Upwork\",\n description: \"Upwork is a global freelancing platform where businesses and independent professionals connect and collaborate remotely. Upwork offers a wide range of freelance jobs across various categories including tech, design, writing, and more. The platform provides tools for hiring, managing, and paying freelancers, making it easier for businesses to find the right talent and for freelancers to find rewarding projects.\",\n link: \"https://www.upwork.com/\",\n image: \"https://cdn.prod.website-files.com/5ec7dad2e6f6295a9e2a23dd/6090ec8cb8bec8d0738fc6bd_Upwork.png\"\n },\n {\n name: \"Remote OK\",\n description: \"Remote OK is a leading remote job board that helps job seekers find remote work opportunities across various industries, including tech, marketing, customer support, and more. The platform features job listings from companies around the world, making it easier for professionals to find jobs that allow them to work from anywhere. Remote OK also provides resources and tools to support remote work and job searching.\",\n link: \"https://remoteok.io/\",\n image: \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQioHxiZp-CifKLWAH7yJGKCbpFKjFR45OZ-g&s\"\n }\n];\n\nconst CodingPlatform = () => {\n return (\n
\n );\n};\n\nexport default CodingPlatform;\n"
},
{
"path": "frontend/src/pages/Testimonials.jsx",
"content": "import React, { useState } from 'react';\nimport styles from '../style/Testimonials.module.css';\nimport test1 from '../image/test1.png';\nimport test2 from '../image/test2.png';\nimport test3 from '../image/test3.png';\nimport test4 from '../image/test4.png';\nimport test5 from '../image/test5.png';\nconst testimonials = [\n {\n name: 'B. Sharmila',\n image: test1,\n text: \"Devlabs has been a game-changer for finding the perfect tools for my projects. The vast selection and ease of use make it my go-to resource.\",\n },\n {\n name: 'Prem Sampath',\n image: test2,\n text: \"Thanks to Devlabs, I've discovered so many free tools that I didn't know existed. It's an invaluable resource for any developer.\",\n },\n {\n name: 'Aron Loes',\n image: test3,\n text: \"The open-source community behind Devlabs has done an incredible job. It's my first stop when I need to find a tool quickly.\",\n },\n {\n name: 'Shaheen',\n image: test4,\n text: \"Devlabs makes finding helpful tools effortless. The interface is user-friendly, and the recommendations are spot on.\",\n },\n {\n name: 'Naga Laxmi',\n image: test5,\n text: \"I love how Devlabs brings together the best free tools in one place. It's a must-have for anyone in tech.\",\n },\n];\n\nconst Testimonials = () => {\n const [current, setCurrent] = useState(0);\n\n const nextSlide = () => {\n setCurrent((prevCurrent) => (prevCurrent + 1) % testimonials.length);\n };\n\n const prevSlide = () => {\n setCurrent((prevCurrent) => (prevCurrent - 1 + testimonials.length) % testimonials.length);\n };\n\n const getVisibleTestimonials = () => {\n const visibleTestimonials = [];\n for (let i = 0; i < 3; i++) {\n visibleTestimonials.push(testimonials[(current + i) % testimonials.length]);\n }\n return visibleTestimonials;\n };\n\n return (\n
\n );\n};\n\nexport default Testimonials;\n"
},
{
"path": "frontend/src/pages/UI.jsx",
"content": "import React from \"react\";\nimport \"../style/UI.css\";\n\nconst UI = () => {\n const blogs = [\n {\n title: \"Introduction to UI Design\",\n date: \"August 1, 2024\",\n summary:\n \"Learn the basics of UI, its importance, and how it shapes user experiences. Gain insight into the fundamentals and start your journey in UI design.\",\n image:\n \"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20221219162542/Become-UI-Designer-in-2023.png\",\n content:\n \"UI design stands for User Interface design. It is the process of making interfaces in software or computerized devices with a focus on looks or style. Designers aim to create interfaces which users find easy to use and pleasurable. UI design typically refers to graphical user interfaces but also includes others, such as voice-controlled interfaces.\"\n },\n {\n title: \"Goal of a UI Designer\",\n date: \"August 1, 2024\",\n summary:\n \"Understand the primary objectives of a UI designer and the key elements they focus on to create effective user interfaces.\",\n image:\n \"https://media.licdn.com/dms/image/D5612AQFZeUkjuMCnzA/article-cover_image-shrink_720_1280/0/1715100675161?e=2147483647&v=beta&t=1Ne74qf43GsJ0SIa1E5PzZgN0lVlyHlhOPq4eQyOc9M\",\n content:\n \"A UI designerβs main goal is to create an interface that users find easy to use and pleasurable. They focus on the look and style of a product, ensuring that the interface is intuitive and engaging. Key elements include visual design, interactive design, and information architecture.\"\n },\n {\n title: \"Why is UI Important in Technology\",\n date: \"August 1, 2024\",\n summary:\n \"Discover the significance of UI in modern technology and how it impacts user satisfaction and overall experience.\",\n image:\n \"https://media.geeksforgeeks.org/wp-content/uploads/20231011121732/Importance-of-UIUX-Design-copy.webp\",\n content:\n \"UI is crucial in technology because it is the point of interaction between the user and a digital device or application. A good UI can enhance the user experience, leading to higher user satisfaction, increased engagement, and more effective product use.\"\n },\n {\n title: \"How to Establish a Career in UI\",\n date: \"August 15, 2024\",\n summary:\n \"A comprehensive guide on starting a career in UI design, including necessary skills, education, and certifications.\",\n image:\n \"https://i.pinimg.com/564x/b2/c2/56/b2c2564d7f5ad67962bccf7858704bc3.jpg\",\n content:\n \"Starting a career in UI design requires a mix of technical skills and creativity. Key steps include learning design principles, gaining proficiency in design tools like Sketch and Adobe XD, building a strong portfolio, and obtaining certifications in UI design. Networking and staying updated with industry trends are also important.\"\n },\n {\n title: \"Benefits of UI\",\n date: \"August 25, 2024\",\n summary:\n \"Learn about the various benefits of good UI design and how it can improve user satisfaction and business outcomes.\",\n image:\n \"https://blog.techliance.com/wp-content/uploads/2020/12/Benefits-of-User-Interface-Design-1024x611.jpg\",\n content:\n \"Good UI design offers numerous benefits, including improved user satisfaction, higher conversion rates, and better user retention. It can also reduce development time and costs by preventing the need for frequent redesigns. A well-designed UI makes a product more accessible and easier to use.\"\n },\n {\n title: \"The Future of UI\",\n date: \"August 25, 2024\",\n summary:\n \"Explore future trends in UI design and their potential impact on technology and user experiences.\",\n image:\n \"https://i0.wp.com/www.admecindia.co.in/wp-content/uploads/2019/07/admec-internal-ui-design-future-prospect-1.jpg?fit=2001%2C1112&ssl=1\",\n content:\n \"The future of UI design is likely to be shaped by emerging technologies such as artificial intelligence, augmented reality, and voice interfaces. These advancements will create new opportunities for more interactive, personalized, and immersive user experiences. Staying updated with these trends is crucial for UI designers.\"\n },\n {\n title: \"Steps to Create A Good UI\",\n date: \"August 06, 2024\",\n summary:\n \"A Good UI design will help people to undertand the website easily and user feels comfortable with that Website\",\n image:\n \"data:image/jpeg;base64,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\",\n content:\n \"Research: Conduct user research to understand your target audience's needs, behaviors, and pain points. This can involve surveys, interviews, and analyzing user data. Create Personas: Develop detailed user personas that represent different segments of your target audience. These should include demographic information, goals, challenges, and behaviors.Scenarios: Outline typical scenarios in which users will interact with your interface. This helps in understanding the context in which features will be used.\"\n },\n ];\n\n return (\n
\n
UI Design
\n
\n {blogs.map((blog, index) => (\n
\n \n
{blog.title}
\n
{blog.date}
\n
{blog.summary}
\n
{blog.content}
\n
\n ))}\n
\n
\n );\n};\n\nexport default UI;\n"
},
{
"path": "frontend/src/pages/UserInterface.jsx",
"content": "import React from \"react\";\nimport \"../style/UserInterface.css\";\nconst design = [\n { name: \"Onsen UI\", description: \"Onsen UI is a UI framework for developing hybrid and online mobile apps. It includes all of the necessary UI components for a mobile app's user experience. To support ALL frameworks, the CSS Components are written in cssnext, while the Web Components are written in native JavaScript. The Framework Bindings were intended to make it easier to integrate popular frameworks like Vue.js, AngularJS 1, Angular 2+, and React with each other.\", link: \"https://onsen.io/?utm_source=startupstash.com&utm_medium=startupstash.com&utm_campaign=alternative_page\", image: \"https://startupstash.com/wp-content/uploads/2022/04/b3UUdakh_400x400.png\" },\n { name: \"Tailwind CSS\", description: \"Tailwind CSS is a highly flexible, low-level CSS framework based largely on the concept of utility classes, which are also available in Bootstrap out of the box. You can use utility classes to mix and match CSS properties without resorting to inline styles. It comes with a menu of predesigned widgets to help you develop your site, but it doesn't force you to make difficult-to-undo design mistakes.\", link: \"https://tailwindcss.com/?utm_source=startupstash.com&utm_medium=startupstash.com&utm_campaign=alternative_page\", image: \"https://startupstash.com/wp-content/uploads/2022/04/a_op8KnL_400x400.jpg\" },\n { name: \"HTML5 Boilerplate\", description: \"HTML5 Boilerplate is a frontend template that uses HTML5, CSS3, and JavaScript. It may be used to create any type of web page and aids in the development of quick, strong, and adaptive web apps or sites. It comes with all the necessary building elements in a vanilla frontend bundle to develop a small or complicated website, such as CSS helper classes, default print styles, and other programming languages such as jQuery, Modernizr, and CSS.\", link: \"https://html5boilerplate.com/?utm_source=startupstash.com&utm_medium=startupstash.com&utm_campaign=alternative_page\", image: \"https://startupstash.com/wp-content/uploads/2022/04/9a0ae1624d6c5ba27168971558305c92_400x400.png\" },\n { name: \"Materialize\", description: \"Materialize is a new responsive front-end framework based on Google's Material Design concepts. The Material Design framework includes components and animations that give users greater feedback. The UI components (including JS plugins) are quite similar to Bootstrap's, but they appear and feel lighter, making applications more appealing to look at and use.\",link:\"https://materializecss.com/?utm_source=startupstash.com&utm_medium=startupstash.com&utm_campaign=alternative_page\", image: \"https://startupstash.com/wp-content/uploads/2022/04/GN559Lfb_400x400.png\" },\n { name: \"Metro UI \", description: \"Metro UI comes with over 100 user interface components to assist you in creating any type of website. It includes a variety of designs, functionalities, and templates. Metro UI also includes a JS library called M4Q, which acts as a replacement for jQuery and is the foundation for numerous JS-based features. It's simple to use and stylish, featuring a variety of standard components such as a button, tile, menu, date picker, and more.\", link: \"https://metroui.org.ua/?utm_source=startupstash.com&utm_medium=startupstash.com&utm_campaign=alternative_page\", image: \"https://startupstash.com/wp-content/uploads/2022/04/D4o5RAVg_400x400.jpg\" },\n { name: \"Ink\", description: \"Ink is a front-end framework that uses HTML, CSS, and Javascript to create faster user interfaces. Developers can also use the INK framework to access pre-designed cookbooks, allowing them to adapt and use a theme quickly. Tables, tabs, data picker, modal, sortable list, tree view, gallery, form validator, and other reusable interface elements make it simple for developers to construct modern layouts.\", link: \"https://ink.sapo.pt/?utm_source=startupstash.com&utm_medium=startupstash.com&utm_campaign=alternative_page\", image: \"https://startupstash.com/wp-content/uploads/2022/04/ink_opengraph_400x400.png\" },\n];\n\nconst UI = () => {\n return (\n
Welcome to DevLabs, a website where you can search for free tools that are useful for your daily needs. This application is created by the incredible open-source community. On DevLabs, you can discover a collection of free tools that can assist you in various aspects of your life. Moreover, you have the opportunity to contribute to this project by adding more tools to the database.
![\"Laptop\"](\"https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Objects/Laptop.png\")
DevLabs![\"GSSoC](\"https://user-images.githubusercontent.com/63473496/213306279-338f7ce9-9a9f-4427-8c2a-3e344874498f.png#gh-dark-mode-only\")
![\"JavaScript](\"https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E\"){kind=icon}
\n\n\n![\"HTML5](\"https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white\"){kind=icon}
\n\n\n![\"CSS3](\"https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white\"){kind=icon}
\n\n\n![\"React.js](\"https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB\"){kind=icon}
\n\n---\n\n## π Quick Start\n\nContributions are welcome! If you have any ideas, suggestions, or bug fixes, please open an issue or submit a pull request. Make sure to follow the project's code of conduct.\n\n---\n\n\n![](\"https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Hand%20gestures/Handshake.png\")
Code of Conduct![](\"https://fonts.gstatic.com/s/e/notoemoji/latest/1f64f_1f3fb/512.webp\")
Support ![](\"https://fonts.gstatic.com/s/e/notoemoji/latest/1f31f/512.webp\")
for this project!\n![\\\"Laptop\\\"](\\\"https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Objects/Laptop.png\\\")
DevLabs