From ee2baaafbeb5ece31b5c252d2c532c405d287949 Mon Sep 17 00:00:00 2001 From: Deepanshu0703 <21bcs072@iiitdmj.ac.in> Date: Sat, 5 Aug 2023 12:30:13 +0530 Subject: [PATCH 1/2] Resolved Repeated items bug --- components/ambassador/Ambassador-Data.js | 269 ++++++------ components/backend/Backend-Data.js | 522 +++++++++++------------ pages/ambassador.js | 14 +- pages/backend.js | 11 +- 4 files changed, 409 insertions(+), 407 deletions(-) diff --git a/components/ambassador/Ambassador-Data.js b/components/ambassador/Ambassador-Data.js index 21e9e527..cb76ee7f 100644 --- a/components/ambassador/Ambassador-Data.js +++ b/components/ambassador/Ambassador-Data.js @@ -5,22 +5,23 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Adobe.webp", about: "They strive towards creating gender equality by encouraging women.", alt: "Adobe Logo", - label:"Female Centric" + label:["Female Centric"] }, { link: "https://www.aleo.org/post/the-ambassador-program-continues", head: "Aleo Ambassador Program", image: "../assets/ambassador-img/Aleo.webp", about: " Aleo is a Layer 1 blockchain bringing privacy to the web.", - alt: "Aleo Logo" + alt: "Aleo Logo", + label:[] }, { link: "https://developer.amazon.com/en-IN/alexa/alexa-student-influencer/", head: "Alexa Student Influencer Program", image: "../assets/ambassador-img/Alexa.webp", about: "It is a campus connect program that aims to form a network of like-minded students across India.", - alt: "Amazon Logo" - + alt: "Amazon Logo", + label:[] }, { link: "https://apillon.io/community", @@ -28,6 +29,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Apillon.webp", about: "A Web3 development platform empowering developers to build in the Polkadot ecosystem.", alt: "Apillon Logo", + label:[] }, { @@ -35,189 +37,192 @@ const AmbassadorDatas = [ head: "APN Ambassador", image: "../assets/ambassador-img/APNAmbassador.webp", about: "It enables employees of AWS Partners to become technical experts in various domains.", - alt: "Amazon Logo" + alt: "Amazon Logo", + label:[] }, { link: "https://appwrite.io/heroes", head: "Appwrite Heroes", image: "../assets/ambassador-img/appwrite.webp", about: "The Appwrite Heroes program is an exclusive group of developers who are experts in Appwrite", - alt: "Appwrite Heroes Logo" + alt: "Appwrite Heroes Logo", + label:[] }, { link: "https://archway.io/ambassador-program/", head: "Archway Ambassador", image: "../assets/ambassador-img/Archway.webp", about: "Join the global program to play a key role in supporting web3 developers.", - alt: "Archway Logo" + alt: "Archway Logo", + label:[] }, { link: "https://auth0.com/ambassador-program/", head: "Auth0 Ambassador Program", image: "../assets/ambassador-img/Auth0ambassador.webp", about: "Join the community by sharing knowledge on identity and security-related topics.", - alt: "Auth0 Logo" + alt: "Auth0 Logo", + label:[] }, { link: "https://aws.amazon.com/developer/community/community-builders/", head: "AWS Community Builders", image: "../assets/ambassador-img/AWSCommunityBuilders.webp", about: "It offers technical resources, mentorship, and networking opportunities to AWS enthusiasts.", - alt: "AWS Logo" - }, - // { - // link: "https://aws.amazon.com/education/awseducate/cloud-ambassador-program/", - // head: "AWS Educate Cloud Ambassador", - // image: "../assets/ambassador-img/AWSEducateCloud.webp", - // about: "It is for top-tier cloud educators who serve as ambassadors and evangelists for AWS Educate.", - // alt: "AWS Logo" - // }, - // { - // link: "https://aws.amazon.com/education/awseducate/student-ambassador-program/", - // head: "AWS Educate Student Ambassador", - // image: "../assets/ambassador-img/AWSEducateStudent.webp", - // about: "AWS Educate student members recognition, access to career development opportunities, etc.", - // alt: "AWS Logo" - // }, + alt: "AWS Logo", + label:[] + }, { link: "https://aws.amazon.com/developer/community/heroes/", head: "AWS Heroes", image: "../assets/ambassador-img/AWSHeroes.webp", about: "It recognizes a vibrant, worldwide group of AWS experts whose has a real impact within the community.", - alt: "AWS Logo" + alt: "AWS Logo", + label:[] }, { link: "https://www.binance.com/en-IN/event/binance_campus_buidler", head: "Binance Campus BUIDLers Program", image: "../assets/ambassador-img/Binance.webp", about: "A platform for students to explore new opportunities,and accelerate crypto literacy.", - alt: "Binance Logo" + alt: "Binance Logo", + label:[] }, { link: "https://app.smartsheet.com/b/form/a92f74ca555f44e4aa638a4f00a77213", head: "Cisco Campus Ambassador Program", image: "../assets/ambassador-img/Cisco.webp", about: "It is a platform for passionate students to partner with Cisco.", - alt: "Cisco Logo" + alt: "Cisco Logo", + label:[] }, { link: "https://www.cncf.io/people/ambassadors/", head: "Cloud Native Ambassador", image: "../assets/ambassador-img/CNCF.webp", about: "They are individuals who are passionate about CNCF technology and projects.", - alt: "CNCF Logo" + alt: "CNCF Logo", + label:[] }, { link: "https://community.codecademy.com/chapters/", head: "Codecademy Chapter Leader", image: "../assets/ambassador-img/Codeacademy.webp", about: "It cares about getting students started on their coding journeys together.", - alt: "Codeacademy Logo" + alt: "Codeacademy Logo", + label:[] }, { link: "https://www.codechef.com/college-chapter/about", head: "CodeChef's DSA Learning Program", image: "../assets/ambassador-img/Codechef.webp", about: "The mission is to build a Competitive Programming culture in educational institutions.", - alt: "Codechef Logo" + alt: "Codechef Logo", + label:[] }, { link: "https://codedamn.com/campus", head: "Campus Evangelist Program", image: "../assets/ambassador-img/Codedamn.webp", about: "It will help you to ignite and build your Entrepreneurial skills and Leadership mindset.", - alt: "Codedamn Logo" + alt: "Codedamn Logo", + label:[] }, { link: "https://confluxnetwork.org/en/community/ambassador", head: "Conflux Ambassador Program", image: "../assets/ambassador-img/Conflux.webp", about: "Conflux Ambassadors are passionate enthusiasts who help drive community awareness.", - alt: "Conflux Logo" + alt: "Conflux Logo", + label:[] }, { link: "https://credits.com/en/ambassadors/", head: "Credits Ambassador Program", image: "../assets/ambassador-img/Credits.webp", about: "A program for building and supporting Credits local communities in your country.", - alt: "Credits Logo" + alt: "Credits Logo", + label:[] }, { link: "https://www.cudos.org/ambassador/", head: "Cudos Rangers", image: "../assets/ambassador-img/Cudos.webp", about: "Take this role further and become an empowered voice of the Cudos community, a Cudos Ranger!", - alt: "Cudos Logo" + alt: "Cudos Logo", + label:[] }, { link: "https://www.cypress.io/ambassadors", head: "Cypress Ambassador", image: "../assets/ambassador-img/Cypress.webp", about: "Support and highlight contributions and share the joy of testing.", - alt: "Cypress Logo" + alt: "Cypress Logo", + label:[] }, { link: "https://www.deeplearning.ai/ambassador/", head: "DeepLearning.AI Ambassador", image: "../assets/ambassador-img/DeepLearning.webp", about: "They are enthusiastic about helping others and inspire them to break into AI.", - alt: "DeepLearning Logo" + alt: "DeepLearning Logo", + label:[] }, { link: "https://developers.facebook.com/developercircles/", head: "Developer Circles from Facebook", image: "../assets/ambassador-img/Facebook.webp", about: "Communities of innovators, where they receive opportunities to strengthen Facebook products.", - alt: "Facebook Logo" + alt: "Facebook Logo", + label:[] }, { link: "https://www.digitalocean.com/community/pages/digitalocean-navigators", head: "DigitalOcean's Navigators Program", image: "../assets/ambassador-img/DigitalOcean.webp", about: "Program that supports people who create content, code, related to DigitalOcean’s products.", - alt: "DigitalOcean Logo" + alt: "DigitalOcean Logo", + label:[] }, { link: "https://www.docker.com/community/captains", head: "Docker Captain Program", image: "../assets/ambassador-img/Docker.webp", about: "It is a distinction that Docker awards select members of the community that are experts in Docker.", - alt: "Docker Captain Logo" + alt: "Docker Captain Logo", + label:[] }, { link: "https://eclipsepad.notion.site/The-Ambassadors-Guide-to-the-Galaxy-6d33e1c277fc415ca60621a55c7cd58c", head: "Eclipse Pad Ambassador", image: "../assets/ambassador-img/EclipsePad.webp", about: "It serves as a hub for community building and leadership development.", - alt: "Eclipse Pad Ambassador Image" + alt: "Eclipse Pad Ambassador Image", + label:[] }, { link: "https://medium.com/equilibrium-eosdt/join-the-equilibrium-ambassador-dao-and-earn-eq-5e21911d1134", head: "Equilibrium Ambassador DAO", image: "../assets/ambassador-img/Equilibrium.webp", about: "DeFi 2.0 with high leverage. One-stop platform to earn, borrow and trade at max efficiency.", - alt: "Equilibrium Ambassador Image" + alt: "Equilibrium Ambassador Image", + label:[] }, { link: "https://friends.figma.com/become-a-community-advocate/", head: "Figma Community Advocate", image: "../assets/ambassador-img/FigmaCommunity.webp", about: "Figma Community Advocates are the heart and soul of our global community.", - alt: "Figma Community" + alt: "Figma Community", + label:[] }, - // { - // link: "https://friends.figma.com/become-a-student-leader/", - // head: "Figma Student Leader", - // image: "../assets/ambassador-img/FigmaStudent.webp", - // about: "Student Leaders facilitate a space for students to connect, grow, and learn.", - // alt: "Figma Student" - // }, { link: "https://developers.google.com/community/gdg/organizers", head: "Google Developer Groups Organizer", image: "../assets/ambassador-img/GDG.webp", about: "GDG organizers plan and host meetup events on a wide range of technical topics.", - alt: "GDG Logo" + alt: "GDG Logo", + label:[] }, { @@ -225,7 +230,8 @@ const AmbassadorDatas = [ head: "Google Developer Student Clubs", image: "../assets/ambassador-img/GDSC.webp", about: "GDSC are community groups for college students interested in Google developer technologies.", - alt: "GDSC Logo" + alt: "GDSC Logo", + label:[] }, { @@ -233,7 +239,8 @@ const AmbassadorDatas = [ head: "GeeksforGeeks Campus Ambassador", image: "../assets/ambassador-img/GeeksforGeeks.webp", about: "You’ll be recognized as the Mantri of your campus and your duty will be to help the students.", - alt: "GeeksforGeeks Logo" + alt: "GeeksforGeeks Logo", + label:[] }, { link: "https://buildyourfuture.withgoogle.com/scholarships/generation-google-scholarship-apac/", @@ -241,105 +248,103 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Google.webp", about: "It is for women in computer science to help them in pursuing computer science degrees.", alt: "Google Logo", - label:"Female Centric" + label:["Female Centric"] }, { link: "https://education.github.com/experts", head: "GitHub Campus Experts", image: "../assets/ambassador-img/Github-campus-experts.webp", about: "They are student leaders that strive to build diverse spaces to learn skills, etc.", - alt: "Github-campus-expert Logo" + alt: "Github-campus-expert Logo", + label:[] }, { link: "https://education.github.com/schools", head: "GitHub Campus Program", image: "../assets/ambassador-img/Github-campus.webp", about: "Get a package of technical tools, training for faculty members, and support to grow technical communities", - alt: "GitHub-campus Logo" + alt: "GitHub-campus Logo", + label:[] }, { link: "https://education.github.com/students/octernships", head: "GitHub Octernships", image: "../assets/ambassador-img/Github-octernship.webp", about: "Connects students with industry partners in paid professional experiences and mentorship.", - alt: "Github-octernship Logo" + alt: "Github-octernship Logo", + label:[] }, { link: "https://education.github.com/teachers", head: "GitHub Teacher Program", image: "../assets/ambassador-img/Github-classroom.webp", about: "Teach your students with the industry-standard tools, so they can shine on technical teams.", - alt: "Github-classroom Logo" + alt: "Github-classroom Logo", + label:[] }, { link: "https://www.gitkraken.com/ambassador", head: "GitKraken Ambassador Program", image: "../assets/ambassador-img/GitKraken.webp", about: "Build personal brands by creating, technical content to share with global GitKraken audience.", - alt: "GitKraken Logo" + alt: "GitKraken Logo", + label:[] }, { link: "https://about.gitlab.com/community/heroes/", head: "GitLab Heroes", image: "../assets/ambassador-img/Gitlab.webp", about: "They engage, support, connect, and recognize members of the wider GitLab community.", - alt: "Gitlab Logo" + alt: "Gitlab Logo", + label:[] }, { link: "https://www.hackerearth.com/campus-ambassador-program/", head: "HackerEarth Campus Ambassador", image: "../assets/ambassador-img/Hackerearth.webp", about: "Leader with a keen interest in starting and building a programming community.", - alt: "Hackerearth Logo" - }, - // { - // link: "https://hashedem.notion.site/Hashed-Student-Chapters-f143e30fa5d540d6b6aa8561a0bdc5ba", - // head: "Hashed Student Chapters ", - // image: "../assets/ambassador-img/Hashed.webp", - // about: "You will be in charge of the chapter activities while working closely with the web3 community.", - // alt: "Hashed Logo" - // }, - // { - // link: "https://zambassador.com/", - // head: "IBM ZAMBASSADOR", - // image: "../assets/ambassador-img/IBM.webp", - // about: "They are volunteers who spread the word about MTM and other learning opportunities.", - // alt: "IBM Logo" - // }, + alt: "Hackerearth Logo", + label:[] + }, { link: "https://software.intel.com/content/www/us/en/develop/community/ambassadors.html", head: "Intel Student Ambassador", image: "../assets/ambassador-img/Intel.jpeg", about: "Gain access to Intel's latest software, oneAPI.", - alt: "Intel Logo" + alt: "Intel Logo", + label:[] }, { link: "https://blog.kattana.io/the-launch-of-kattanas-ambassador-program/", head: "Kattana Ambassador Program", image: "../assets/ambassador-img/Kattana.webp", about: "The goal is to bring together people who are passionate about Kattana", - alt: "Kattana Logo" + alt: "Kattana Logo", + label:[] }, { link: "https://konghq.com/kong-champions/", head: "Kong Champions Program", image: "../assets/ambassador-img/Kong.webp", about: "Kong Champions are frequent contributors who play a key part in Kong’s community.", - alt: "Kong Logo" + alt: "Kong Logo", + label:[] }, { link: "https://kotlinlang.org/user-groups/user-group-list.html", head: "Kotlin User Group", image: "../assets/ambassador-img/Kotlinusergroup.webp", about: "KUG is a community of people to share your programming experience with Kotlin and its ecosystem.", - alt: "Kotlinusergroup Logo" + alt: "Kotlinusergroup Logo", + label:[] }, { link: "https://studentambassadors.microsoft.com/", head: "Microsoft Learn Student Ambassador", image: "../assets/ambassador-img/MLSA.webp", about: "Amplify your impact and bring together your peers to learn new skills, etc.", - alt: "MLSA Logo" + alt: "MLSA Logo", + label:[] }, { link: "https://careers.microsoft.com/us/en/codess", @@ -347,42 +352,47 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Codess.webp", about: "Codess is a community for female coders initiated by Microsoft.", alt: "Codess Logo", - label:"Female Centric" + label:["Female Centric"] }, { link: "https://mlh.io/coaches", head: "MLH Coach", image: "../assets/ambassador-img/MLHCoach.webp", about: "MLH Coaches are community members who represent Major League Hacking at events.", - alt: "MLHCoach Logo" + alt: "MLHCoach Logo", + label:[] }, { link: "https://fellowship.mlh.io/", head: "MLH Fellowship", image: "../assets/ambassador-img/MLH-fellowship-white.webp", about: "It is a remote internship alternative for aspiring technologists for 12 weeks.", - alt: "MLH-fellowship Logo" + alt: "MLH-fellowship Logo", + label:[] }, { link: "https://fellowship.mlh.io/programs/prep", head: "MLH Fellowship Prep Program", image: "../assets/ambassador-img/MLH-fellowship-blue.webp", about: "It is a 3-week preparation program for aspiring technologists before committing to the full 12-weeks.", - alt: "MLH-fellowship Logo" + alt: "MLH-fellowship Logo", + label:[] }, { link: "https://mlh.io/event-membership", head: "MLH Event Membership Program", image: "../assets/ambassador-img/MLH.webp", about: "Join the MLH Event Membership and get support of every step for the hackathon.", - alt: "MLH Logo" + alt: "MLH Logo", + label:[] }, { link: "https://www.mongodb.com/developer/community-champions/", head: "MongoDB Community Champions", image: "../assets/ambassador-img/MongoDBChampions.webp", about: "Champions are a group of passionate, dedicated advocates of the MongoDB community.", - alt: "MongoDB Champions Logo" + alt: "MongoDB Champions Logo", + label:[] }, { @@ -390,56 +400,64 @@ const AmbassadorDatas = [ head: "MongoDB Community Leader", image: "../assets/ambassador-img/MongoDB.webp", about: "Bring people together who are interested in MongoDB technologies.", - alt: "MongoDB Logo" + alt: "MongoDB Logo", + label:[] }, { link: "https://community.mozilla.org/en/groups/", head: "Mozilla Campus Club", image: "../assets/ambassador-img/Mozilla.jpeg", about: "Mozilla’s mission is to ensure the Internet is a global public resource, open and accessible to all.", - alt: "Mozilla Logo" + alt: "Mozilla Logo", + label:[] }, { link: "https://www.notion.so/Notion-Ambassadors-40c3b3ee8c744e7fad34ab4ac9765773", head: "Notion Ambassador", image: "../assets/ambassador-img/Notion.webp", about: "Notion Ambassadors are passionate, volunteer enthusiasts who teach and share Notion with others.", - alt: "Notion Logo" + alt: "Notion Logo", + label:[] }, { link: "https://www.nvidia.com/en-in/deep-learning-ai/education/ambassador-program/", head: "NVIDIA DLI University Ambassador", image: "../assets/ambassador-img/NVIDIA.webp", about: "It gives you the training and resources to deliver hands-on DLI workshops.", - alt: "NVIDIA Logo" + alt: "NVIDIA Logo", + label:[] }, { link: "https://nx.dev/community", head: "Nx Champions", image: "../assets/ambassador-img/Nx.webp", about: "These friendly people promote Nx in the community by publishing content and sharing their expertise. They also gather feedback from the community to help improve Nx.", - alt: "Nx Logo" + alt: "Nx Logo", + label:[] }, { link: "https://www.oasisprotocol.org/community#ambassador", head: "Oasis Ambassador Program", image: "../assets/ambassador-img/OasisNetwork.webp", about: "A community for node operators, creators to token holders, and builders to Web3 enthusiasts", - alt: "Oasis Logo" + alt: "Oasis Logo", + label:[] }, { link: "https://www.oneplus.in/campus", head: "OnePlus Student Ambassador Program", image: "../assets/ambassador-img/OnePlus.webp", about: "Its campus connects program aims to make a difference in the world through technology. ", - alt: "OnePlus Logo" + alt: "OnePlus Logo", + label:[] }, { link: "https://www.postman.com/company/student-program/#postman-classroom-program", head: "Postman Classroom Program", image: "../assets/ambassador-img/PostmanClassroom.webp", about: "Bring API education to the classroom with our program for educators.", - alt: "PostmanClassroom Logo" + alt: "PostmanClassroom Logo", + label:[] }, { @@ -447,133 +465,144 @@ const AmbassadorDatas = [ head: "Postman Student Expert Program", image: "../assets/ambassador-img/Postman.webp", about: "Grow your API literacy with this industry-standard training created by Postman.", - alt: "PostmanClassroom Logo" + alt: "PostmanClassroom Logo", + label:[] }, { link: "https://www.postman.com/company/student-program/#student-leader-program", head: "Postman Student Leader Program", image: "../assets/ambassador-img/Postman-Leader.webp", about: "Become a leader, educator, and advocate for API literacy on your campus.", - alt: "Postman-Leader Logo" + alt: "Postman-Leader Logo", + label:[] }, { link: "https://www.prisma.io/ambassador", head: "Prisma Ambassador Program", image: "../assets/ambassador-img/PrismaProgram.webp", about: "Contribute to the Prisma community while building your brand.", - alt: "PrismaProgram Logo" + alt: "PrismaProgram Logo", + label:[] }, { link: "https://community.sap.com/programs/influencer-programs/nominations", head: "SAP Influencer", image: "../assets/ambassador-img/SAP.webp", about: "The SAP influencer programs include SAP Mentors and SAP Champions.", - alt: "SAP Influencer" + alt: "SAP Influencer", + label:[] }, { link: "https://www.solanau.org/", head: "Solana Student Ambassador", image: "../assets/ambassador-img/solana_logo.webp", about: "Get access to training courses, mentorships, accelerators, and special opportunities for ambassadors.", - alt: "Solana Logo" + alt: "Solana Logo", + label:[] }, { link: "https://sparkar.reskilll.com/campus", head: "Spark AR Campus Ambassador", image: "../assets/ambassador-img/SparkAR.webp", about: "The Program aims to provide students with an opportunity to learn about Spark AR.", - alt: "Spark AR Campus Ambassador" + alt: "Spark AR Campus Ambassador", + label:[] }, { link: "https://www.ted.com/participate/ted-fellows-program", head: "TED Fellows Program", image: "../assets/ambassador-img/TedFellow.webp", about: "The TED Fellows program provides transformational support to a global community.", - alt: "TED Fellows Program Logo" + alt: "TED Fellows Program Logo", + label:[] }, { link: "https://www.tensorflow.org/community/groups", head: "TensorFlow User Group Community", image: "../assets/ambassador-img/TensorFlow.webp", about: "Community of developers who are passionate about TensorFlow and related technologies.", - alt: "TensorFlow Logo" + alt: "TensorFlow Logo", + label:[] }, { link: "https://trailblazercommunitygroups.com/become-a-group-leader/", head: "Trailblazer Community Group Leader", image: "../assets/ambassador-img/Trailblazer.webp", about: "The Trailblazer Community helps everyone thrive in the Salesforce economy.", - alt: "Trailblazer Leader" + alt: "Trailblazer Leader", + label:[] }, { link: "https://www.twilio.com/champions", head: "Twilio Champion", image: "../assets/ambassador-img/Twilio.webp", about: "It is a global network of expert developers who actively support developer communities.", - alt: "Twilio Logo" + alt: "Twilio Logo", + label:[] }, { link: "https://www.twilio.com/quest/students", head: "Twilio Field Operator", image: "../assets/ambassador-img/TwilioFieldOperator.webp", about: "Student leaders looking for opportunities to lead, explore new technologies, and serve their communities.", - alt: "Twilio Logo" + alt: "Twilio Logo", + label:[] }, { link: "https://developer.twitter.com/en/community/student-ambassadors", head: "Twitter Student Ambassador", image: "../assets/ambassador-img/Twitter.webp", about: "It is a program set up to support our enthusiastic student builders who use Twitter API.", - alt: "Twitter Logo" + alt: "Twitter Logo", + label:[] }, { link: "https://community.uipath.com/uipath-student-developers-program/", head: "UiPath Student Developer Program", image: "../assets/ambassador-img/UiPath.webp", about: "They are self-motivated, and multi-tasking who lead the UiPath Student Developer communities.", - alt: "UiPath Logo" + alt: "UiPath Logo", + label:[] }, - // { - // link: "https://unity.com/learn/student-ambassadors", - // head: "Unity Student Ambassador Champions", - // image: "../assets/ambassador-img/Unity.webp", - // about: "Talented Unity developers, artists, and designers from a diverse mix of backgrounds.", - // alt: "Unity Logo" - // }, { link: "https://community.veeam.com/general-information-58/veeam-legends-program-overview-71", head: "Veeam Legends", image: "../assets/ambassador-img/Veeam.webp", about: "Veeam Legends are Veeam users and data protection industry experts.", - alt: "Veeam Legends Logo" + alt: "Veeam Legends Logo", + label:[] }, { link: "https://careers.vmware.com/campus-ambassador-program", head: "VMware Campus Ambassador", image: "../assets/ambassador-img/VMware.webp", about: "Connect your student peers with the latest VMware products and solutions, interactive sessions, etc.", - alt: "VMware Logo" + alt: "VMware Logo", + label:[] }, { link: "https://community.wakelet.com/", head: "Wakelet Community Ambassador", image: "../assets/ambassador-img/WakeletAmbassador.webp", about: "You’re practically part of the Wakelet Team and will represent Wakelet at events, etc.", - alt: "WakeletAmbassador Logo" + alt: "WakeletAmbassador Logo", + label:[] }, { link: "https://schools.wakelet.com/", head: "Wakelet Schools Program", image: "../assets/ambassador-img/WakeletSchool.webp", about: "Empower your school community with the Wakelet Schools Program.", - alt: "WakeletSchool Logo" + alt: "WakeletSchool Logo", + label:[] }, { link: "https://community.wakelet.com/studentambassadors/", head: "Wakelet Student Ambassador", image: "../assets/ambassador-img/WakeletStudent.webp", about: "It contains 6 fun tasks centered around creativity, critical thinking, curation, communication, etc.", - alt: "WakeletStudent Logo" + alt: "WakeletStudent Logo", + label:[] }, { link: "https://www.womentechmakers.com/ambassadors", @@ -581,7 +610,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/WTM.webp", about: "Community leaders around the world passionate about achieving gender parity in technology.", alt: "WTM Logo", - label:"Female Centric" + label:["Female Centric"] }, ] diff --git a/components/backend/Backend-Data.js b/components/backend/Backend-Data.js index 5b500032..73566234 100644 --- a/components/backend/Backend-Data.js +++ b/components/backend/Backend-Data.js @@ -1,301 +1,285 @@ const BackendData = [ -{ - head: "Firebase", - label: "Cloud", - image: "../assets/backend/Firebase.webp", - link: "https://firebase.google.com", - about: "Firebase offers backend services like database, authentication, hosting, cloud functions and more.", - alt: "Firebase", - }, { - head: "Auth0", - label: "Authentication", - image: "../assets/backend/Auth0.webp", - link: "https://auth0.com", - about: "Auth0 is an authentication and authorization platform.", - alt: "Auth0", -}, - { - head: "Google Maps API", - label: "API", - image: "../assets/backend/maps.webp", - link: "https://developers.google.com/maps", - about: "Google Maps Platform offers a free $200 monthly credit for Maps, Routes, and Places.", - alt: "Google Maps API", - }, - { - head: "Stripe", - label: "API", - image: "../assets/backend/stripe.webp", - link: "https://stripe.com", - about: "Stripe is a suite of payment APIs that powers commerce for online businesses of all sizes.", - alt: "Stripe", - }, - { - head: "AWS", - label: "Cloud", - image: "../assets/backend/amazon-web-services.webp", - link: "https://aws.amazon.com", - about: "Amazon Web Services is a subsidiary of Amazon providing on-demand cloud computing platforms and APIs to individuals.", - alt: "AWS", - }, - { - head:"Youtube API", - label: "API", - image: "../assets/backend/youtube.webp", - link: "https://developers.google.com/youtube", - about: "The YouTube Data API (v3) lets you incorporate YouTube functionality into your own application.", - alt: "Youtube API", - }, - { - head: "RapidAPI", - label: "API", - image: "../assets/backend/api-settings.webp", - link: "https://rapidapi.com", - about: "RapidAPI is the world's largest API marketplace with over 1,000,000 developers and 10,000 APIs.", - alt: "Genral API", - }, - { - head: "Movie API", - label: "API", - image: "../assets/backend/imdb.webp", - link: "https://www.omdbapi.com", - about: "The API is a RESTful web service to obtain movie information, all content and images.", - alt: "Movie API", - }, - { - head: "MongoDB Atlas", - label: "Cloud", - image: "../assets/backend/mongo-db.webp", - link: "https://www.mongodb.com/cloud/atlas", - about: "MongoDB Atlas is the global cloud database service for modern applications.", - alt: "MongoDB Atlas", - }, - { - head: "Spotify API", - label: "API", - image: "../assets/backend/spotify--v1.webp", - link: "https://developer.spotify.com", - about: "The Spotify Web API is a set of web APIs to access Spotify's database of music, artists, albums, and playlists.", - alt: "Spotify API", - }, - { - head: "Firebase", - label: "Authentication", - image: "../assets/backend/Firebase.webp", - link: "https://firebase.google.com", - about: "Firebase offers backend services like database, authentication, hosting, cloud functions and more.", - alt: "Firebase", - }, - { - head: "Free Weather API", - label: "API", - image: "../assets/backend/weather.webp", - link: "https://openweathermap.org/api", - about: "OpenWeather is a team of IT experts and data scientists that has been practising deep weather.", - alt: "Free Weather API", - }, - { - head: "Joke API", - label: "API", - image: "../assets/backend/joke.webp", - link: "https://sv443.net/jokeapi/v2/", - about: "The JokeAPI is a REST API that serves uniformly and well formatted jokes.", - alt: "Joke API", - }, - { - head: "Twitter API", - label: "API", - image: "../assets/backend/twitter.webp", - link: "https://developer.twitter.com/en/docs/twitter-api", - about: "The Twitter API enables programmatic access to Twitter in unique and advanced ways.", - alt: "Twitter API", - }, - { - head: "Facebook API", - label: "API", - image: "../assets/backend/facebook.webp", - link: "https://developers.facebook.com", - about: "The Facebook API is a platform for building applications that are available to the members of the social network of Facebook.", - alt: "Facebook API", - }, - { - head: "Instagram API", - label: "API", - image: "../assets/backend/instagram.webp", - link: "https://developers.facebook.com/docs/instagram", - about: "The Instagram API Platform can be used to build non-automated, authentic, high-quality apps and services.", - alt: "Instagram API", - }, - { - head: "PayPal API", - label: "API", - image: "../assets/backend/paypal.webp", - link: "https://developer.paypal.com/docs/api/overview", - about: "PayPal is an American company operating an online payments system in majority of countries that supports online money transfers and server.", - alt: "Payments API", - }, - { - head: "WhatsApp API", - label: "API", - image: "../assets/backend/whatsapp.webp", - link: "https://developers.facebook.com/docs/whatsapp", - about: "The WhatsApp Business API is a fast, secure, and reliable way for businesses to reach their customers all over the world.", - alt: "WhatsApp API", - }, - { - head:"PayTM API", - label: "API", - image: "../assets/backend/paytm.webp", - link: "https://developer.paytm.com/docs", - about: "Paytm is an Indian e-commerce payment system and financial technology company, based in Noida, India.", - alt: "PayTM API", - }, - { - head:"Stock API", - label: "API", - image: "../assets/backend/Alphvantage.webp", - link: "https://www.alphavantage.co", - about: "Alpha Vantage offers free stock APIs in JSON and CSV formats for realtime and historical equity, forex, cryptocurrency data and over 50 technical indicators.", - alt: "Stock API", - }, - { - head:"Docker", - label: "Hosting", - image: "../assets/backend/docker.webp", - link: "https://www.docker.com", - about: "Docker is a set of platform as a service products that use OS-level virtualization to deliver software in packages called containers.", - alt: "Docker", - }, - { - head:"Heroku", - label: "Hosting", - image: "../assets/backend/heroku.webp", - link: "https://www.heroku.com", - about: "Heroku is a cloud platform as a service supporting several programming languages.", - alt: "Heroku", + head: "Firebase", + label: ["Cloud","Authentication","Hosting"], + image: "../assets/backend/Firebase.webp", + link: "https://firebase.google.com", + about: "Firebase offers backend services like database, authentication, hosting, cloud functions and more.", + alt: "Firebase", }, { - head:"Netlify", - label: "Hosting", - image: "../assets/backend/netlify.webp", - link: "https://www.netlify.com", - about: "Netlify is a San Francisco-based cloud computing company that offers hosting and serverless backend services for web applications and static websites.", - alt: "Netlify", + head: "Auth0", + label: ["Authentication"], + image: "../assets/backend/Auth0.webp", + link: "https://auth0.com", + about: "Auth0 is an authentication and authorization platform.", + alt: "Auth0", + }, + { + head: "Google Maps API", + label: ["API"], + image: "../assets/backend/maps.webp", + link: "https://developers.google.com/maps", + about: "Google Maps Platform offers a free $200 monthly credit for Maps, Routes, and Places.", + alt: "Google Maps API", }, { - head:"Google Cloud", - label: "Cloud", - image: "../assets/backend/google-cloud.webp", - link: "https://cloud.google.com", - about: "Google Cloud Platform, offered by Google, is a suite of cloud computing services that runs on the same infrastructure that Google uses internally.", - alt: "Google Cloud", + head: "Stripe", + label: ["API"], + image: "../assets/backend/stripe.webp", + link: "https://stripe.com", + about: "Stripe is a suite of payment APIs that powers commerce for online businesses of all sizes.", + alt: "Stripe", }, { - head:"Azure", - label: "Cloud", - image: "../assets/backend/azure.webp", - link: "https://azure.microsoft.com", - about: "Azure is a cloud computing service created for building, testing, deploying, and managing applications.", - alt: "Azure", + head: "AWS", + label: ["Cloud","API"], + image: "../assets/backend/amazon-web-services.webp", + link: "https://aws.amazon.com", + about: "Amazon Web Services is a subsidiary of Amazon providing on-demand cloud computing platforms and APIs to individuals.", + alt: "AWS", }, { - head:"Digital Ocean", - label: "Cloud", - image: "../assets/backend/DigitalOcean.webp", - link: "https://www.digitalocean.com", - about: "DigitalOcean, Inc. is an American cloud infrastructure provider headquartered in New York City with data centers worldwide.", - alt: "Digital Ocean", + head:"Youtube API", + label: ["API"], + image: "../assets/backend/youtube.webp", + link: "https://developers.google.com/youtube", + about: "The YouTube Data API (v3) lets you incorporate YouTube functionality into your own application.", + alt: "Youtube API", }, { - head:"Vercel", - label: "Hosting", - image: "../assets/backend/vercel.webp", - link: "https://vercel.com", - about: "Vercel is a cloud platform for static sites and Serverless Functions that fits perfectly with your workflow.", - alt: "Vercel", + head: "RapidAPI", + label: ["API"], + image: "../assets/backend/api-settings.webp", + link: "https://rapidapi.com", + about: "RapidAPI is the world's largest API marketplace with over 1,000,000 developers and 10,000 APIs.", + alt: "Genral API", }, { - head:"Back4App", - label:"Hosting", - image: "../assets/backend/back4app.webp", - link: "https://www.back4app.com", - about: "Back4App is a backend-as-a-service platform that helps you build, host and scale apps.", - alt: "Back4App", + head: "Movie API", + label: ["API"], + image: "../assets/backend/imdb.webp", + link: "https://www.omdbapi.com", + about: "The API is a RESTful web service to obtain movie information, all content and images.", + alt: "Movie API", }, { - head:"Firebase", - label:"Hosting", - image: "../assets/backend/firebase.webp", - link: "https://firebase.google.com", - about: "Firebase is a platform developed by Google for creating mobile and web applications.", - alt: "Firebase", + head: "MongoDB Atlas", + label: ["Cloud"], + image: "../assets/backend/mongo-db.webp", + link: "https://www.mongodb.com/cloud/atlas", + about: "MongoDB Atlas is the global cloud database service for modern applications.", + alt: "MongoDB Atlas", }, { - head:"Postman", - label: "API Testing", - image: "../assets/backend/postman.webp", - link: "https://www.postman.com", - about: "Postman is a collaboration platform for API development. Postman's features simplify each step of building an API.", - alt: "Postman", + head: "Spotify API", + label: ["API"], + image: "../assets/backend/spotify--v1.webp", + link: "https://developer.spotify.com", + about: "The Spotify Web API is a set of web APIs to access Spotify's database of music, artists, albums, and playlists.", + alt: "Spotify API", }, { - head:"Insomnia", - label: "API Testing", - image: "../assets/backend/insomnia.webp", - link: "https://insomnia.rest", - about: "Insomnia is a cross-platform GraphQL and REST client, available for Mac, Windows, and Linux.", - alt: "Insomnia", - + head: "Free Weather API", + label: ["API"], + image: "../assets/backend/weather.webp", + link: "https://openweathermap.org/api", + about: "OpenWeather is a team of IT experts and data scientists that has been practising deep weather.", + alt: "Free Weather API", }, - { - head:"Thunder Client", - label: "API Testing", - image: "../assets/backend/thunderclient.webp", - link: "https://www.thunderclient.io", - about: "Thunder Client is a GUI based Rest API Client Extension for Visual Studio Code.", - alt: "Thunder Client", + { + head: "Joke API", + label: ["API"], + image: "../assets/backend/joke.webp", + link: "https://sv443.net/jokeapi/v2/", + about: "The JokeAPI is a REST API that serves uniformly and well formatted jokes.", + alt: "Joke API", }, { - head:"Postwoman (Hopscotch)", - label: "API Testing", - image: "../assets/backend/hopscotch.webp", - link: "https://hoppscotch.io", - about: "Postwoman is an open-source API request builder. It helps you create your requests faster, saving you precious time.", - alt: "Postwoman", + head: "Twitter API", + label: ["API"], + image: "../assets/backend/twitter.webp", + link: "https://developer.twitter.com/en/docs/twitter-api", + about: "The Twitter API enables programmatic access to Twitter in unique and advanced ways.", + alt: "Twitter API", }, { - head:"Passport", - label: "Authentication", - image: "../assets/backend/passport.webp", - link: "http://www.passportjs.org", - about: "Passport is authentication middleware for Node.js. Extremely flexible and modular, Passport can be unobtrusively dropped in to any Express-based web application.", - alt: "Passport", + head: "Facebook API", + label: ["API"], + image: "../assets/backend/facebook.webp", + link: "https://developers.facebook.com", + about: "The Facebook API is a platform for building applications that are available to the members of the social network of Facebook.", + alt: "Facebook API", }, { - head:"AWS Cognito", - label: "Authentication", - image: "../assets/backend/aws-cognito.webp", - link: "https://aws.amazon.com/cognito", - about: "Amazon Cognito is a simple user identity and data synchronization service that helps you securely manage and synchronize app data.", - alt: "AWS Cognito", + head: "Instagram API", + label: ["API"], + image: "../assets/backend/instagram.webp", + link: "https://developers.facebook.com/docs/instagram", + about: "The Instagram API Platform can be used to build non-automated, authentic, high-quality apps and services.", + alt: "Instagram API", }, { - head:"JWT", - label: "Authentication", - image: "../assets/backend/jwt.webp", - link: "https://jwt.io", - about: "JSON Web Token (JWT) is an open standard (RFC 7519) that defines a compact and self-contained way for securely transmitting information between parties.", - alt: "JWT", + head: "PayPal API", + label: ["API"], + image: "../assets/backend/paypal.webp", + link: "https://developer.paypal.com/docs/api/overview", + about: "PayPal is an American company operating an online payments system in majority of countries that supports online money transfers and server.", + alt: "Payments API", }, { - head:"Okta", - label: "Authentication", - image: "../assets/backend/okta-logo.webp", - link: "https://www.okta.com", - about: "Okta is an identity and access management software provider. Okta is the leading independent provider of identity for the enterprise.", - alt: "Okta", + head: "WhatsApp API", + label: ["API"], + image: "../assets/backend/whatsapp.webp", + link: "https://developers.facebook.com/docs/whatsapp", + about: "The WhatsApp Business API is a fast, secure, and reliable way for businesses to reach their customers all over the world.", + alt: "WhatsApp API", }, -]; - -export default BackendData; \ No newline at end of file + { + head:"PayTM API", + label: ["API"], + image: "../assets/backend/paytm.webp", + link: "https://developer.paytm.com/docs", + about: "Paytm is an Indian e-commerce payment system and financial technology company, based in Noida, India.", + alt: "PayTM API", + }, + { + head:"Stock API", + label: ["API"], + image: "../assets/backend/Alphvantage.webp", + link: "https://www.alphavantage.co", + about: "Alpha Vantage offers free stock APIs in JSON and CSV formats for realtime and historical equity, forex, cryptocurrency data and over 50 technical indicators.", + alt: "Stock API", + }, + { + head:"Docker", + label: ["Hosting"], + image: "../assets/backend/docker.webp", + link: "https://www.docker.com", + about: "Docker is a set of platform as a service products that use OS-level virtualization to deliver software in packages called containers.", + alt: "Docker", + }, + { + head:"Heroku", + label: ["Hosting"], + image: "../assets/backend/heroku.webp", + link: "https://www.heroku.com", + about: "Heroku is a cloud platform as a service supporting several programming languages.", + alt: "Heroku", + }, + { + head:"Netlify", + label: ["Hosting"], + image: "../assets/backend/netlify.webp", + link: "https://www.netlify.com", + about: "Netlify is a San Francisco-based cloud computing company that offers hosting and serverless backend services for web applications and static websites.", + alt: "Netlify", + }, + { + head:"Google Cloud", + label: ["Cloud"], + image: "../assets/backend/google-cloud.webp", + link: "https://cloud.google.com", + about: "Google Cloud Platform, offered by Google, is a suite of cloud computing services that runs on the same infrastructure that Google uses internally.", + alt: "Google Cloud", + }, + { + head:"Azure", + label: ["Cloud"], + image: "../assets/backend/azure.webp", + link: "https://azure.microsoft.com", + about: "Azure is a cloud computing service created for building, testing, deploying, and managing applications.", + alt: "Azure", + }, + { + head:"Digital Ocean", + label: ["Cloud"], + image: "../assets/backend/DigitalOcean.webp", + link: "https://www.digitalocean.com", + about: "DigitalOcean, Inc. is an American cloud infrastructure provider headquartered in New York City with data centers worldwide.", + alt: "Digital Ocean", + }, + { + head:"Vercel", + label: ["Hosting"], + image: "../assets/backend/vercel.webp", + link: "https://vercel.com", + about: "Vercel is a cloud platform for static sites and Serverless Functions that fits perfectly with your workflow.", + alt: "Vercel", + }, + { + head:"Back4App", + label:["Hosting"], + image: "../assets/backend/back4app.webp", + link: "https://www.back4app.com", + about: "Back4App is a backend-as-a-service platform that helps you build, host and scale apps.", + alt: "Back4App", + }, + { + head:"Postman", + label: ["API Testing"], + image: "../assets/backend/postman.webp", + link: "https://www.postman.com", + about: "Postman is a collaboration platform for API development. Postman's features simplify each step of building an API.", + alt: "Postman", + }, + { + head:"Insomnia", + label: ["API Testing"], + image: "../assets/backend/insomnia.webp", + link: "https://insomnia.rest", + about: "Insomnia is a cross-platform GraphQL and REST client, available for Mac, Windows, and Linux.", + alt: "Insomnia", + + }, + { + head:"Thunder Client", + label: ["API Testing"], + image: "../assets/backend/thunderclient.webp", + link: "https://www.thunderclient.io", + about: "Thunder Client is a GUI based Rest API Client Extension for Visual Studio Code.", + alt: "Thunder Client", + }, + { + head:"Postwoman (Hopscotch)", + label:[ "API Testing"], + image: "../assets/backend/hopscotch.webp", + link: "https://hoppscotch.io", + about: "Postwoman is an open-source API request builder. It helps you create your requests faster, saving you precious time.", + alt: "Postwoman", + }, + { + head:"Passport", + label:["Authentication"], + image: "../assets/backend/passport.webp", + link: "http://www.passportjs.org", + about: "Passport is authentication middleware for Node.js. Extremely flexible and modular, Passport can be unobtrusively dropped in to any Express-based web application.", + alt: "Passport", + }, + { + head:"AWS Cognito", + label: ["Authentication"], + image: "../assets/backend/aws-cognito.webp", + link: "https://aws.amazon.com/cognito", + about: "Amazon Cognito is a simple user identity and data synchronization service that helps you securely manage and synchronize app data.", + alt: "AWS Cognito", + }, + { + head:"JWT", + label: ["Authentication"], + image: "../assets/backend/jwt.webp", + link: "https://jwt.io", + about: "JSON Web Token (JWT) is an open standard (RFC 7519) that defines a compact and self-contained way for securely transmitting information between parties.", + alt: "JWT", + }, + { + head:"Okta", + label: ["Authentication"], + image: "../assets/backend/okta-logo.webp", + link: "https://www.okta.com", + about: "Okta is an identity and access management software provider. Okta is the leading independent provider of identity for the enterprise.", + alt: "Okta", + }, + ]; + + export default BackendData; \ No newline at end of file diff --git a/pages/ambassador.js b/pages/ambassador.js index 391e9d31..cfee8b65 100644 --- a/pages/ambassador.js +++ b/pages/ambassador.js @@ -14,14 +14,10 @@ const Content = () => { const [displayCards, setDisplayCards] = useState([]); const cardsPerPage = 12; - const labels = [ - ...new Set( - Datas.map((data) => { - if (!data.label) return null; - return data.label; - }) - ), - ].filter((label) => label); + const labels = [...new Set(Datas.flatMap((data) => { + if(data.label !==null) + return data.label; + }))]; const highlightSearchTerm = (text) => { if (searchTerm !== "") { @@ -40,7 +36,7 @@ const Content = () => { (selectedLabel !== "" || searchTerm !== "") ? Datas.filter( (data) => - (selectedLabel === "" || data.label === selectedLabel) && + (selectedLabel === "" || data.label.includes(selectedLabel)) && (searchTerm === "" || data.head.toLowerCase().includes(searchTerm.toLowerCase()) || data.about.toLowerCase().includes(searchTerm.toLowerCase())) diff --git a/pages/backend.js b/pages/backend.js index 5fee2e1f..c53c96ee 100644 --- a/pages/backend.js +++ b/pages/backend.js @@ -11,20 +11,13 @@ const Content = () => { const [selectedLabel, setSelectedLabel] = useState(""); const cardsPerPage = 12; - const labels = [ - ...new Set( - Datas.map((data) => { - if (!data.label) return null; - return data.label; - }) - ), - ].filter((label) => label); + const labels = [...new Set(Datas.flatMap(data => data.label))]; const filterOptions = selectedLabel !== "" || searchTerm !== "" ? Datas.filter( (data) => - (selectedLabel === "" || data.label === selectedLabel) && + (selectedLabel === "" || data.label.includes(selectedLabel)) && (searchTerm === "" || data.head.toLowerCase().includes(searchTerm.toLowerCase()) || data.about.toLowerCase().includes(searchTerm.toLowerCase())) ).map((data) => { From 33d0e8ad6a23ac39f991943b20a5db55eccae96b Mon Sep 17 00:00:00 2001 From: Deepanshu0703 <21bcs072@iiitdmj.ac.in> Date: Sun, 6 Aug 2023 13:05:44 +0530 Subject: [PATCH 2/2] Resolved request --- components/ambassador/Ambassador-Data.js | 144 +++++++++++------------ pages/ambassador.js | 15 ++- 2 files changed, 81 insertions(+), 78 deletions(-) diff --git a/components/ambassador/Ambassador-Data.js b/components/ambassador/Ambassador-Data.js index cb76ee7f..a0a440a5 100644 --- a/components/ambassador/Ambassador-Data.js +++ b/components/ambassador/Ambassador-Data.js @@ -13,7 +13,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Aleo.webp", about: " Aleo is a Layer 1 blockchain bringing privacy to the web.", alt: "Aleo Logo", - label:[] + }, { link: "https://developer.amazon.com/en-IN/alexa/alexa-student-influencer/", @@ -21,7 +21,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Alexa.webp", about: "It is a campus connect program that aims to form a network of like-minded students across India.", alt: "Amazon Logo", - label:[] + }, { link: "https://apillon.io/community", @@ -29,7 +29,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Apillon.webp", about: "A Web3 development platform empowering developers to build in the Polkadot ecosystem.", alt: "Apillon Logo", - label:[] + }, { @@ -38,7 +38,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/APNAmbassador.webp", about: "It enables employees of AWS Partners to become technical experts in various domains.", alt: "Amazon Logo", - label:[] + }, { link: "https://appwrite.io/heroes", @@ -46,7 +46,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/appwrite.webp", about: "The Appwrite Heroes program is an exclusive group of developers who are experts in Appwrite", alt: "Appwrite Heroes Logo", - label:[] + }, { link: "https://archway.io/ambassador-program/", @@ -54,7 +54,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Archway.webp", about: "Join the global program to play a key role in supporting web3 developers.", alt: "Archway Logo", - label:[] + }, { link: "https://auth0.com/ambassador-program/", @@ -62,7 +62,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Auth0ambassador.webp", about: "Join the community by sharing knowledge on identity and security-related topics.", alt: "Auth0 Logo", - label:[] + }, { link: "https://aws.amazon.com/developer/community/community-builders/", @@ -70,7 +70,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/AWSCommunityBuilders.webp", about: "It offers technical resources, mentorship, and networking opportunities to AWS enthusiasts.", alt: "AWS Logo", - label:[] + }, { link: "https://aws.amazon.com/developer/community/heroes/", @@ -78,7 +78,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/AWSHeroes.webp", about: "It recognizes a vibrant, worldwide group of AWS experts whose has a real impact within the community.", alt: "AWS Logo", - label:[] + }, { link: "https://www.binance.com/en-IN/event/binance_campus_buidler", @@ -86,7 +86,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Binance.webp", about: "A platform for students to explore new opportunities,and accelerate crypto literacy.", alt: "Binance Logo", - label:[] + }, { link: "https://app.smartsheet.com/b/form/a92f74ca555f44e4aa638a4f00a77213", @@ -94,7 +94,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Cisco.webp", about: "It is a platform for passionate students to partner with Cisco.", alt: "Cisco Logo", - label:[] + }, { link: "https://www.cncf.io/people/ambassadors/", @@ -102,7 +102,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/CNCF.webp", about: "They are individuals who are passionate about CNCF technology and projects.", alt: "CNCF Logo", - label:[] + }, { link: "https://community.codecademy.com/chapters/", @@ -110,7 +110,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Codeacademy.webp", about: "It cares about getting students started on their coding journeys together.", alt: "Codeacademy Logo", - label:[] + }, { link: "https://www.codechef.com/college-chapter/about", @@ -118,7 +118,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Codechef.webp", about: "The mission is to build a Competitive Programming culture in educational institutions.", alt: "Codechef Logo", - label:[] + }, { link: "https://codedamn.com/campus", @@ -126,7 +126,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Codedamn.webp", about: "It will help you to ignite and build your Entrepreneurial skills and Leadership mindset.", alt: "Codedamn Logo", - label:[] + }, { link: "https://confluxnetwork.org/en/community/ambassador", @@ -134,7 +134,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Conflux.webp", about: "Conflux Ambassadors are passionate enthusiasts who help drive community awareness.", alt: "Conflux Logo", - label:[] + }, { link: "https://credits.com/en/ambassadors/", @@ -142,7 +142,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Credits.webp", about: "A program for building and supporting Credits local communities in your country.", alt: "Credits Logo", - label:[] + }, { link: "https://www.cudos.org/ambassador/", @@ -150,7 +150,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Cudos.webp", about: "Take this role further and become an empowered voice of the Cudos community, a Cudos Ranger!", alt: "Cudos Logo", - label:[] + }, { link: "https://www.cypress.io/ambassadors", @@ -158,7 +158,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Cypress.webp", about: "Support and highlight contributions and share the joy of testing.", alt: "Cypress Logo", - label:[] + }, { link: "https://www.deeplearning.ai/ambassador/", @@ -166,7 +166,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/DeepLearning.webp", about: "They are enthusiastic about helping others and inspire them to break into AI.", alt: "DeepLearning Logo", - label:[] + }, { link: "https://developers.facebook.com/developercircles/", @@ -174,7 +174,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Facebook.webp", about: "Communities of innovators, where they receive opportunities to strengthen Facebook products.", alt: "Facebook Logo", - label:[] + }, { link: "https://www.digitalocean.com/community/pages/digitalocean-navigators", @@ -182,7 +182,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/DigitalOcean.webp", about: "Program that supports people who create content, code, related to DigitalOcean’s products.", alt: "DigitalOcean Logo", - label:[] + }, { link: "https://www.docker.com/community/captains", @@ -190,7 +190,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Docker.webp", about: "It is a distinction that Docker awards select members of the community that are experts in Docker.", alt: "Docker Captain Logo", - label:[] + }, { link: "https://eclipsepad.notion.site/The-Ambassadors-Guide-to-the-Galaxy-6d33e1c277fc415ca60621a55c7cd58c", @@ -198,7 +198,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/EclipsePad.webp", about: "It serves as a hub for community building and leadership development.", alt: "Eclipse Pad Ambassador Image", - label:[] + }, { link: "https://medium.com/equilibrium-eosdt/join-the-equilibrium-ambassador-dao-and-earn-eq-5e21911d1134", @@ -206,7 +206,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Equilibrium.webp", about: "DeFi 2.0 with high leverage. One-stop platform to earn, borrow and trade at max efficiency.", alt: "Equilibrium Ambassador Image", - label:[] + }, { link: "https://friends.figma.com/become-a-community-advocate/", @@ -214,7 +214,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/FigmaCommunity.webp", about: "Figma Community Advocates are the heart and soul of our global community.", alt: "Figma Community", - label:[] + }, { link: "https://developers.google.com/community/gdg/organizers", @@ -222,7 +222,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/GDG.webp", about: "GDG organizers plan and host meetup events on a wide range of technical topics.", alt: "GDG Logo", - label:[] + }, { @@ -231,7 +231,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/GDSC.webp", about: "GDSC are community groups for college students interested in Google developer technologies.", alt: "GDSC Logo", - label:[] + }, { @@ -240,7 +240,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/GeeksforGeeks.webp", about: "You’ll be recognized as the Mantri of your campus and your duty will be to help the students.", alt: "GeeksforGeeks Logo", - label:[] + }, { link: "https://buildyourfuture.withgoogle.com/scholarships/generation-google-scholarship-apac/", @@ -256,7 +256,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Github-campus-experts.webp", about: "They are student leaders that strive to build diverse spaces to learn skills, etc.", alt: "Github-campus-expert Logo", - label:[] + }, { link: "https://education.github.com/schools", @@ -264,7 +264,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Github-campus.webp", about: "Get a package of technical tools, training for faculty members, and support to grow technical communities", alt: "GitHub-campus Logo", - label:[] + }, { link: "https://education.github.com/students/octernships", @@ -272,7 +272,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Github-octernship.webp", about: "Connects students with industry partners in paid professional experiences and mentorship.", alt: "Github-octernship Logo", - label:[] + }, { link: "https://education.github.com/teachers", @@ -280,7 +280,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Github-classroom.webp", about: "Teach your students with the industry-standard tools, so they can shine on technical teams.", alt: "Github-classroom Logo", - label:[] + }, { link: "https://www.gitkraken.com/ambassador", @@ -288,7 +288,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/GitKraken.webp", about: "Build personal brands by creating, technical content to share with global GitKraken audience.", alt: "GitKraken Logo", - label:[] + }, { link: "https://about.gitlab.com/community/heroes/", @@ -296,7 +296,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Gitlab.webp", about: "They engage, support, connect, and recognize members of the wider GitLab community.", alt: "Gitlab Logo", - label:[] + }, { link: "https://www.hackerearth.com/campus-ambassador-program/", @@ -304,7 +304,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Hackerearth.webp", about: "Leader with a keen interest in starting and building a programming community.", alt: "Hackerearth Logo", - label:[] + }, { link: "https://software.intel.com/content/www/us/en/develop/community/ambassadors.html", @@ -312,7 +312,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Intel.jpeg", about: "Gain access to Intel's latest software, oneAPI.", alt: "Intel Logo", - label:[] + }, { link: "https://blog.kattana.io/the-launch-of-kattanas-ambassador-program/", @@ -320,7 +320,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Kattana.webp", about: "The goal is to bring together people who are passionate about Kattana", alt: "Kattana Logo", - label:[] + }, { link: "https://konghq.com/kong-champions/", @@ -328,7 +328,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Kong.webp", about: "Kong Champions are frequent contributors who play a key part in Kong’s community.", alt: "Kong Logo", - label:[] + }, { link: "https://kotlinlang.org/user-groups/user-group-list.html", @@ -336,7 +336,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Kotlinusergroup.webp", about: "KUG is a community of people to share your programming experience with Kotlin and its ecosystem.", alt: "Kotlinusergroup Logo", - label:[] + }, { link: "https://studentambassadors.microsoft.com/", @@ -344,7 +344,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/MLSA.webp", about: "Amplify your impact and bring together your peers to learn new skills, etc.", alt: "MLSA Logo", - label:[] + }, { link: "https://careers.microsoft.com/us/en/codess", @@ -360,7 +360,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/MLHCoach.webp", about: "MLH Coaches are community members who represent Major League Hacking at events.", alt: "MLHCoach Logo", - label:[] + }, { link: "https://fellowship.mlh.io/", @@ -368,7 +368,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/MLH-fellowship-white.webp", about: "It is a remote internship alternative for aspiring technologists for 12 weeks.", alt: "MLH-fellowship Logo", - label:[] + }, { link: "https://fellowship.mlh.io/programs/prep", @@ -376,7 +376,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/MLH-fellowship-blue.webp", about: "It is a 3-week preparation program for aspiring technologists before committing to the full 12-weeks.", alt: "MLH-fellowship Logo", - label:[] + }, { link: "https://mlh.io/event-membership", @@ -384,7 +384,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/MLH.webp", about: "Join the MLH Event Membership and get support of every step for the hackathon.", alt: "MLH Logo", - label:[] + }, { link: "https://www.mongodb.com/developer/community-champions/", @@ -392,7 +392,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/MongoDBChampions.webp", about: "Champions are a group of passionate, dedicated advocates of the MongoDB community.", alt: "MongoDB Champions Logo", - label:[] + }, { @@ -401,7 +401,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/MongoDB.webp", about: "Bring people together who are interested in MongoDB technologies.", alt: "MongoDB Logo", - label:[] + }, { link: "https://community.mozilla.org/en/groups/", @@ -409,7 +409,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Mozilla.jpeg", about: "Mozilla’s mission is to ensure the Internet is a global public resource, open and accessible to all.", alt: "Mozilla Logo", - label:[] + }, { link: "https://www.notion.so/Notion-Ambassadors-40c3b3ee8c744e7fad34ab4ac9765773", @@ -417,7 +417,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Notion.webp", about: "Notion Ambassadors are passionate, volunteer enthusiasts who teach and share Notion with others.", alt: "Notion Logo", - label:[] + }, { link: "https://www.nvidia.com/en-in/deep-learning-ai/education/ambassador-program/", @@ -425,7 +425,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/NVIDIA.webp", about: "It gives you the training and resources to deliver hands-on DLI workshops.", alt: "NVIDIA Logo", - label:[] + }, { link: "https://nx.dev/community", @@ -433,7 +433,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Nx.webp", about: "These friendly people promote Nx in the community by publishing content and sharing their expertise. They also gather feedback from the community to help improve Nx.", alt: "Nx Logo", - label:[] + }, { link: "https://www.oasisprotocol.org/community#ambassador", @@ -441,7 +441,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/OasisNetwork.webp", about: "A community for node operators, creators to token holders, and builders to Web3 enthusiasts", alt: "Oasis Logo", - label:[] + }, { link: "https://www.oneplus.in/campus", @@ -449,7 +449,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/OnePlus.webp", about: "Its campus connects program aims to make a difference in the world through technology. ", alt: "OnePlus Logo", - label:[] + }, { link: "https://www.postman.com/company/student-program/#postman-classroom-program", @@ -457,7 +457,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/PostmanClassroom.webp", about: "Bring API education to the classroom with our program for educators.", alt: "PostmanClassroom Logo", - label:[] + }, { @@ -466,7 +466,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Postman.webp", about: "Grow your API literacy with this industry-standard training created by Postman.", alt: "PostmanClassroom Logo", - label:[] + }, { link: "https://www.postman.com/company/student-program/#student-leader-program", @@ -474,7 +474,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Postman-Leader.webp", about: "Become a leader, educator, and advocate for API literacy on your campus.", alt: "Postman-Leader Logo", - label:[] + }, { link: "https://www.prisma.io/ambassador", @@ -482,7 +482,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/PrismaProgram.webp", about: "Contribute to the Prisma community while building your brand.", alt: "PrismaProgram Logo", - label:[] + }, { link: "https://community.sap.com/programs/influencer-programs/nominations", @@ -490,7 +490,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/SAP.webp", about: "The SAP influencer programs include SAP Mentors and SAP Champions.", alt: "SAP Influencer", - label:[] + }, { link: "https://www.solanau.org/", @@ -498,7 +498,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/solana_logo.webp", about: "Get access to training courses, mentorships, accelerators, and special opportunities for ambassadors.", alt: "Solana Logo", - label:[] + }, { link: "https://sparkar.reskilll.com/campus", @@ -506,7 +506,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/SparkAR.webp", about: "The Program aims to provide students with an opportunity to learn about Spark AR.", alt: "Spark AR Campus Ambassador", - label:[] + }, { link: "https://www.ted.com/participate/ted-fellows-program", @@ -514,7 +514,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/TedFellow.webp", about: "The TED Fellows program provides transformational support to a global community.", alt: "TED Fellows Program Logo", - label:[] + }, { link: "https://www.tensorflow.org/community/groups", @@ -522,7 +522,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/TensorFlow.webp", about: "Community of developers who are passionate about TensorFlow and related technologies.", alt: "TensorFlow Logo", - label:[] + }, { link: "https://trailblazercommunitygroups.com/become-a-group-leader/", @@ -530,7 +530,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Trailblazer.webp", about: "The Trailblazer Community helps everyone thrive in the Salesforce economy.", alt: "Trailblazer Leader", - label:[] + }, { link: "https://www.twilio.com/champions", @@ -538,7 +538,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Twilio.webp", about: "It is a global network of expert developers who actively support developer communities.", alt: "Twilio Logo", - label:[] + }, { link: "https://www.twilio.com/quest/students", @@ -546,7 +546,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/TwilioFieldOperator.webp", about: "Student leaders looking for opportunities to lead, explore new technologies, and serve their communities.", alt: "Twilio Logo", - label:[] + }, { link: "https://developer.twitter.com/en/community/student-ambassadors", @@ -554,7 +554,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Twitter.webp", about: "It is a program set up to support our enthusiastic student builders who use Twitter API.", alt: "Twitter Logo", - label:[] + }, { link: "https://community.uipath.com/uipath-student-developers-program/", @@ -562,7 +562,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/UiPath.webp", about: "They are self-motivated, and multi-tasking who lead the UiPath Student Developer communities.", alt: "UiPath Logo", - label:[] + }, { link: "https://community.veeam.com/general-information-58/veeam-legends-program-overview-71", @@ -570,7 +570,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/Veeam.webp", about: "Veeam Legends are Veeam users and data protection industry experts.", alt: "Veeam Legends Logo", - label:[] + }, { link: "https://careers.vmware.com/campus-ambassador-program", @@ -578,7 +578,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/VMware.webp", about: "Connect your student peers with the latest VMware products and solutions, interactive sessions, etc.", alt: "VMware Logo", - label:[] + }, { link: "https://community.wakelet.com/", @@ -586,7 +586,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/WakeletAmbassador.webp", about: "You’re practically part of the Wakelet Team and will represent Wakelet at events, etc.", alt: "WakeletAmbassador Logo", - label:[] + }, { link: "https://schools.wakelet.com/", @@ -594,7 +594,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/WakeletSchool.webp", about: "Empower your school community with the Wakelet Schools Program.", alt: "WakeletSchool Logo", - label:[] + }, { link: "https://community.wakelet.com/studentambassadors/", @@ -602,7 +602,7 @@ const AmbassadorDatas = [ image: "../assets/ambassador-img/WakeletStudent.webp", about: "It contains 6 fun tasks centered around creativity, critical thinking, curation, communication, etc.", alt: "WakeletStudent Logo", - label:[] + }, { link: "https://www.womentechmakers.com/ambassadors", diff --git a/pages/ambassador.js b/pages/ambassador.js index cfee8b65..3e6ce814 100644 --- a/pages/ambassador.js +++ b/pages/ambassador.js @@ -15,8 +15,10 @@ const Content = () => { const cardsPerPage = 12; const labels = [...new Set(Datas.flatMap((data) => { - if(data.label !==null) - return data.label; + if (data.label) { + return data.label; + } + return []; }))]; const highlightSearchTerm = (text) => { @@ -36,9 +38,8 @@ const Content = () => { (selectedLabel !== "" || searchTerm !== "") ? Datas.filter( (data) => - (selectedLabel === "" || data.label.includes(selectedLabel)) && - (searchTerm === "" || - data.head.toLowerCase().includes(searchTerm.toLowerCase()) || + data.label?.includes(selectedLabel) && + (data.head.toLowerCase().includes(searchTerm.toLowerCase()) || data.about.toLowerCase().includes(searchTerm.toLowerCase())) ).map(({ head, about, ...data }) => ({ ...data, @@ -47,7 +48,9 @@ const Content = () => { })) : Datas; setFilterOptions(filteredOptions); - }, [searchTerm, selectedLabel]); + } + , [searchTerm, selectedLabel]); + // Update displayed cards based on filter options and page number useEffect(() => {