base on devFind is an open source project that aims to create a platform for developers to showcase their skills and connect with potential collaborators, all in a user-friendly and searchable format. <div align="center"> <h1>👩‍💻 devFind - Discover and Connect with Skilled Developers!</h1> </div> <p align="center"> <a href="https://github.com/shyamtawli/devFind/blob/master/LICENSE" target="blank"> <img src="https://img.shields.io/github/license/shyamtawli/devFind?style=for-the-badge&logo=appveyor" alt="License" /> </a> <a href="https://github.com/shyamtawli/devFind/fork" target="blank"> <img src="https://img.shields.io/github/forks/shyamtawli/devFind?style=for-the-badge&logo=appveyor" alt="Forks"/> </a> <a href="https://github.com/shyamtawli/devFind/stargazers" target="blank"> <img src="https://img.shields.io/github/stars/shyamtawli/devFind?style=for-the-badge&logo=appveyor" alt="Star"/> </a> <a href="https://github.com/shyamtawli/devFind/issues" target="blank"> <img src="https://img.shields.io/github/issues/shyamtawli/devFind.svg?style=for-the-badge&logo=appveyor" alt="Click Vote Issue"/> </a> <a href="https://github.com/shyamtawli/devFind/pulls" target="blank"> <img src="https://img.shields.io/github/issues-pr/shyamtawli/devFind.svg?style=for-the-badge&logo=appveyor" alt="Click Vote Open Pull Request"/> </a> </p> ## Table of Contents - [Table of Contents](#table-of-contents) - [About 🚀](#about-) - [Features 💪](#features-) - [How to add your profile Data 🤔](#how-to-add-your-profile-data-) - [Prerequisites](#prerequisites) - [How to Install Git](#how-to-install-git) - [How to Install Node.js and npm](#how-to-install-nodejs-and-npm) - [Steps to Add Your Profile Data](#steps-to-add-your-profile-data) - [Contributing 👨‍💻](#contributing-) - [Contributors 🤝](#contributors-) - [License](#license) - [Support 🙏](#support-) <a id="about"></a> ## About 🚀 - devFind - [Website](https://dev-find.vercel.app/) - **`devFind`** is an open source project that aims to create a platform for developers to showcase their skills and connect with potential collaborators, all in a user-friendly and searchable format. - With **`devFind`**, developers can create their profiles in JSON format, which are then displayed on the web for others to discover. <a id="features"></a> ## Features 💪 - One of the key features of **`devFind`** is its powerful search functionality. - Users can search for developers based on specific skills, locations or name, making it easy to find developers with expertise in a particular technology or programming language. - This makes **`devFind`** a valuable resource for project managers, recruiters, and anyone looking to connect with skilled developers for collaboration or employment opportunities. <a id="how-to-add-your-profile-data"></a> ## How to add your profile Data 🤔 > Thank you for your interest in contributing to our open-source project! <br> <a id="prerequisites"></a> ### Prerequisites - A GitHub account - Git installed on your local development environment - Node Package Manager (npm) installed on your local development environment ### How to Install Git Git is a version control system that is used to manage the source code of your project. To install Git, follow these steps: 1. Download and install Git from the [Official Website](https://git-scm.com/downloads) 2. Open the terminal or command prompt on your local development environment 3. Verify the installation of Git by running the following command: ```bash git --version ``` ### How to Install Node.js and npm Node.js is a JavaScript runtime environment that allows you to run JavaScript code outside of a web browser. npm (Node Package Manager) is a package manager for JavaScript, essential for managing dependencies in Node.js projects. Here's how to install Node.js and npm: 1. **Download Node.js:** - Visit the [official Node.js website](https://nodejs.org/en/download/) and download the appropriate installer for your operating system (Windows, macOS, or Linux). - Choose the LTS (Long Term Support) version for stable releases or the latest version for cutting-edge features. - Follow the installation instructions provided by the installer. 2. **Verify Node.js Installation:** - After the installation is complete, open your terminal or command prompt. - To verify that Node.js has been installed successfully, type the following command and press Enter: ``` node -v ``` - This command should display the version of Node.js installed on your system. If it does, Node.js installation was successful. 3. **Verify npm Installation:** - npm comes bundled with Node.js, so once Node.js is installed, npm is automatically installed as well. - To confirm that npm is installed, in your terminal or command prompt, type: ``` npm -v ``` - Press Enter. This command should display the version of npm installed on your system. If it does, npm installation was successful. 4. **Optional: Update npm (recommended):** - It's recommended to keep npm up to date to access the latest features and bug fixes. - To update npm to the latest version, type the following command and press Enter: ``` npm install -g npm@latest ``` - This command will update npm to the latest stable version globally (-g flag). By following these steps, you have successfully installed Node.js and npm on your system. You are now ready to start building JavaScript applications and managing dependencies with npm. ### Steps to Add Your Profile Data 1. **Fork the repository:** To create a copy of the repository in your GitHub account, click on the "Fork" button in the top right corner of the project repository page. 2. **Clone the forked repository:** To clone the repository to your local development environment, open the terminal or command prompt and run the following command: ```bash git clone https://github.com/<your-github-username>/devFind.git ``` 3. **Install dependencies:** To install the necessary dependencies for the project, navigate to the project directory and run the following command: ```bash npm install ``` 4. **Navigate** to the **`public/data`** folder in your project directory. 5. **Create a new JSON file** named **`your_github_username.json`** (replace your_github_username with your actual GitHub username). Open the file you just created. 6. **Add** the following JSON object, replacing the placeholder values with your own details: ```json { "name": "Your Name", "location": "Your Location", "bio": "Your Bio should be 20-30 words not more then that", "avatar": "https://github.com/<your-github-username>.png", "portfolio": "Your Portfolio URL or Github URL", "skills": ["Your Skill 1", "Your Skill 2", "..."], "social": { "GitHub": "https://github.com/<github-username>", "Twitter": "https://twitter.com/<twitter-username>", "LinkedIn": "https://www.linkedin.com/in/<linkedin-username>" } } ``` 7. **Save** the **`your_github_username.json`** file. 8. **Navigate** to the **`components`** folder in your project directory. Open the **`ProfilesList.json`** file. 9. **Add your JSON filename** (your_github_username.json) to the array of filenames in the ProfileList.json file, like this: ```json ["filename1.json", "filename2.json", "your_github_username.json"] ``` 10. **Save** the **`ProfileLists.json`** file. 11. **Create a new branch:** To create a new branch for your profile, run the following command: ```bash git checkout -b add-profile ``` 12. **Add your changed files:** Add changed files to the stage by running the following command: ```bash git add . ``` 13. **Commit your changes:** To save your changes to the branch,, run the following command: ```bash git commit -m "add: <your-name>" ``` 14. **Push to the branch:** To push the changes to the remote repository, run the following command: ```bash git push origin add-profile ``` 15. **Create a pull request:** To submit your changes to the main repository, create a pull request by clicking on the "Compare & pull request" button on your forked repository page. 16. **Wait for review and merge:** Wait for the project maintainers to review and merge your changes. Once your changes are merged, your profile data will be added to the project's **`Profile.json`** file and your profile will be displayed on the project's website. <a id="contributing"></a> ## Contributing 👨‍💻 Contributions make the open source community such an amazing place to learn, inspire, and create. <br> **Any contributions you make are truly appreciated!** <a id="contributors"></a> ## Contributors 🤝 <a href="https://github.com/shyamtawli/devFind/graphs/contributors"> <img src="https://contrib.rocks/image?repo=shyamtawli/devFind" /> </a> <a id="license"></a> ## License <table> <tr> <td> <p align="center"> <img src="https://github.com/malivinayak/malivinayak/blob/main/LICENSE-Logo/MIT.png?raw=true" width="80%"></img> </td> <td> <img src="https://img.shields.io/badge/License-MIT-yellow.svg"/> <br> This project is licensed under <a href="./LICENSE">MIT</a>. <img width=2300/> </td> </tr> </table> <a id="support"></a> ## Support 🙏 Thank you for contributing to our open-source project! We appreciate your support 🚀 <br> Don't forget to leave a star ⭐ ", Assign "at most 3 tags" to the expected json: {"id":"6382","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"