👨🏻‍💻 Introducing to DevDisplay 👨🏻‍💻

✦ Discover and Connect with Skilled Developers! ✦

DevDisplay 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.

👩‍💻 DevDisplay - Discover and Connect with Skilled Developers!

Table of Contents
About 🚀
Features 💪
How to add your profile Data 🤔
Contributing 👨‍💻
Contributors 🤝
License
Support 🙏

About 🚀

DevDisplay - Website
DevDisplay 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 DevDisplay, developers can create their profiles in JSON format, which are then displayed on the web for others to discover.

Feature 💪

One of the key features of DevDisplay is its powerful search functionality.
Users can search for developers based on specific skills, locations or name, making it easy to Display developers with expertise in a particular technology or programming language.
This makes DevDisplay a valuable resource for project managers, recruiters, and anyone looking to connect with skilled developers for collaboration or employment opportunities.

How to add your profile Data 🤔

Thank you for your interest in contributing to our open-source project!

Steps to Add Your Profile Data

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.
Clone the forked repository: To clone the repository to your local development environment, open the terminal or command prompt and run the following command:
```
git clone https://github.com/<your-github-username>/DevDisplay.git
```
Install dependencies: To install the necessary dependencies for the project, navigate to the project directory and run the following command:
```
npm install
```
Navigate to the public/data folder in your project directory.
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.

Add the following JSON object, replacing the placeholder values with your own details:

{
  "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>"
  }
}

Save the your_github_username.json file.
Navigate to the src folder in your project directory. Open the ProfilesList.json file.
Add your JSON filename (your_github_username.json) to the array of filenames in the ProfileList.json file, like this:
```
["filename1.json", "filename2.json", "your_github_username.json"]
```
Save the ProfileLists.json file.
Create a new branch: To create a new branch for your profile, run the following command:
```
git checkout -b add-profile
```
Add your changed files: Add changed files to the stage by running the following command:
```
git add .
```
Commit your changes: To save your changes to the branch,, run the following command:
```
git commit -m "add: <your-name>"
```
Push to the branch: To push the changes to the remote repository, run the following command:
```
git push origin add-profile
```
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.
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.

Contributing 👨‍💻

Contributions make the open source community such an amazing place to learn, inspire, and create.
Any contributions you make are truly appreciated!

Contributors 🤝

License

This project is licensed under MIT.

Support 🙏

Thank you for contributing to our open-source project! We appreciate your support 🚀
Don't forget to leave a star ⭐

linamikou/DevDisplay