codeaashu / DevDisplay

DevDisplay is an Open Source Community where you can discover and Connect with Skilled Developers, share your ideas, and build projects with collaborative support also you can promote your project through this community. This project is a part of Hacktoberfest2024 & Gssoc2024
https://devdisplay.vercel.app/
MIT License
61 stars 144 forks source link
contributions-welcome dev-display devdisplay developer developer-community developer-platform github gssoc gssoc-extd gssoc24 hacktoberfest hacktoberfest-accepted hacktoberfest2024 hacktoberfest2024-accepted open-source opensource opensource-projects trending trending-repositories viral
![GitHub Repo stars](https://img.shields.io/github/stars/codeaashu/DevDisplay?style=social) ![GitHub forks](https://img.shields.io/github/forks/codeaashu/DevDisplay?style=social) ![GitHub contributors](https://img.shields.io/github/contributors/codeaashu/DevDisplay?style=social) ![GitHub pulls](https://img.shields.io/github/issues-pr/codeaashu/DevDisplay?style=social) ![GitHub issues](https://img.shields.io/github/issues/codeaashu/DevDisplay?style=social) ![GitHub LICENSE](https://img.shields.io/github/license/codeaashu/DevDisplay?style=social) animated-line-image-0382

Fire Welcome to DevDisplay Fire



DevDisplay is a part of Hacktoberfest2024 - Gssoc20224

Eyes Discover Raising Hands Connect Handshake Collab Technologist Build Megaphone Promote

animated-line-image-0382

About Rocket

DevDisplay is an Open Source Developer Community where you can discover and Connect with Skilled Developers, share your ideas, and build projects with collaborative support also you can promote your project through this community. With DevDisplay, developers can create their profiles in JSON format, which are then displayed on the web for others to discover.

Connect with DevDisplay Community on Backhand Index Pointing Right [![LinkedIn](https://img.shields.io/badge/LinkedIn-%230077B5.svg?logo=linkedin&logoColor=white)](https://www.linkedin.com/company/devdisplay/)

animated-line-image-0382

How to add your profile Thinking Face

Thank you for your interest in contributing to our open-source project!
Backhand Index Pointing Right Get help with video instruction

Steps to Add Your Profile Data Backhand Index Pointing Down

  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. Navigate to the public/data folder in your project directory.

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

  4. 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 than 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/your-github-username",
       "Twitter": "https://twitter.com/your-twitter-username",
       "LinkedIn": "https://www.linkedin.com/in/your-linkedin-username"
     }
    }
  5. Save the your_github_username.json file.

  6. Navigate to the src folder in your project directory. Open the ProfilesList.json file.

  7. Add your JSON filename (your_github_username.json) to the array of filenames in the ProfileList.json file, like this:

    ["filename1.json", "filename2.json", "filename3.json", "your_github_username.json"]
  8. Save the ProfileLists.json file.

  9. Contribute Follow this 👇🏻:

  10. Wait for review and merge: Wait for the project maintainers to review and merge your changes.

Once your changes are merged Party Popper Your profile will be displayed on the project's website.
animated-line-image-0382

Tech Stack Inbox Tray

![React](https://img.shields.io/badge/react-%2320232a.svg?style=plastic&logo=react&logoColor=%2361DAFB) ![React Hook Form](https://img.shields.io/badge/React%20Hook%20Form-%23EC5990.svg?style=plastic&logo=reacthookform&logoColor=white) ![React Router](https://img.shields.io/badge/React_Router-CA4245?style=plastic&logo=react-router&logoColor=white) ![React Query](https://img.shields.io/badge/-React%20Query-FF4154?style=plastic&logo=react%20query&logoColor=white) ![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=plastic&logo=redux&logoColor=white) ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=plastic&logo=javascript&logoColor=%23F7DF1E) ![Shell Script](https://img.shields.io/badge/shell_script-%23121011.svg?style=plastic&logo=gnu-bash&logoColor=white) ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=plastic&logo=node.js&logoColor=white) ![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=plastic&logo=npm&logoColor=white) ![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=plastic&logo=vite&logoColor=white) ![Yarn](https://img.shields.io/badge/yarn-%232C8EBB.svg?style=plastic&logo=yarn&logoColor=white) ![JWT](https://img.shields.io/badge/JWT-black?style=plastic&logo=JSON%20web%20tokens) ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=plastic&logo=css3&logoColor=white) ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=plastic&logo=html5&logoColor=white) ![Git](https://img.shields.io/badge/git-%23F05033.svg?style=plastic&logo=git&logoColor=white) ![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=plastic&logo=github&logoColor=white) ![GithubPages](https://img.shields.io/badge/github%20pages-121013?style=plastic&logo=github&logoColor=white) ![Netlify](https://img.shields.io/badge/netlify-%23000000.svg?style=plastic&logo=netlify&logoColor=#00C7B7) ![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=plastic&logo=vercel&logoColor=white) ![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=plastic&logo=figma&logoColor=white) ![Adobe Photoshop](https://img.shields.io/badge/adobe%20photoshop-%2331A8FF.svg?style=plastic&logo=adobe%20photoshop&logoColor=white)

Contribution Support Love Letter

Thank you for contributing to our open-source project! Technologist Contributions make the open source community such an amazing place to learn, inspire, and create.

Clapping Hands We appreciate your support Clapping Hands



Glowing Star Star this repository you love our project Glowing Star


Man Technologist Creator of DevDisplay Man Technologist


Ashutosh Singh

[![Discord](https://img.shields.io/badge/Discord-%237289DA.svg?logo=discord&logoColor=white)](https://discord.gg/2fB3YRZt) [![LinkedIn](https://img.shields.io/badge/LinkedIn-%230077B5.svg?logo=linkedin&logoColor=white)](https://linkedin.com/in/ashutoshkumaraashu) [![Twitter Follow](https://img.shields.io/twitter/follow/warrior_aashuu?style=social)](https://twitter.com/intent/follow?screen_name=warrior_aashuu) [![Reddit](https://img.shields.io/badge/Reddit-%23FF4500.svg?logo=Reddit&logoColor=white)](https://reddit.com/user/warrior_aashuu) [![Pinterest](https://img.shields.io/badge/Pinterest-%23E60023.svg?logo=Pinterest&logoColor=white)](https://pinterest.com/codeaashu)

A creative Full Stack Web Developer & A reliable designer you can rely on for all your design needs • Till now build 50+ WEB APP • Trailblazer


© LICENSE Check Box With Check


This project is licensed under MIT.