diff --git a/package-lock.json b/package-lock.json index b3251c9d..de31050b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3560,9 +3560,9 @@ } }, "node_modules/@remix-run/router": { - "version": "1.15.3", - "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.15.3.tgz", - "integrity": "sha512-Oy8rmScVrVxWZVOpEF57ovlnhpZ8CCPlnIIumVcV9nFdiSIrus99+Lw78ekXyGvVDlIsFJbSfmSovJUhCWYV3w==", + "version": "1.17.1", + "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.17.1.tgz", + "integrity": "sha512-mCOMec4BKd6BRGBZeSnGiIgwsbLGp3yhVqAD8H+PxiRNEHgDpZb8J1TnrSDlg97t0ySKMQJTHCWBCmBpSmkF6Q==", "engines": { "node": ">=14.0.0" } @@ -14736,11 +14736,11 @@ } }, "node_modules/react-router": { - "version": "6.22.3", - "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.22.3.tgz", - "integrity": "sha512-dr2eb3Mj5zK2YISHK++foM9w4eBnO23eKnZEDs7c880P6oKbrjz/Svg9+nxqtHQK+oMW4OtjZca0RqPglXxguQ==", + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.24.1.tgz", + "integrity": "sha512-PTXFXGK2pyXpHzVo3rR9H7ip4lSPZZc0bHG5CARmj65fTT6qG7sTngmb6lcYu1gf3y/8KxORoy9yn59pGpCnpg==", "dependencies": { - "@remix-run/router": "1.15.3" + "@remix-run/router": "1.17.1" }, "engines": { "node": ">=14.0.0" @@ -14750,12 +14750,12 @@ } }, "node_modules/react-router-dom": { - "version": "6.22.3", - "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.22.3.tgz", - "integrity": "sha512-7ZILI7HjcE+p31oQvwbokjk6OA/bnFxrhJ19n82Ex9Ph8fNAq+Hm/7KchpMGlTgWhUxRHMMCut+vEtNpWpowKw==", + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.24.1.tgz", + "integrity": "sha512-U19KtXqooqw967Vw0Qcn5cOvrX5Ejo9ORmOtJMzYWtCT4/WOfFLIZGGsVLxcd9UkBO0mSTZtXqhZBsWlHr7+Sg==", "dependencies": { - "@remix-run/router": "1.15.3", - "react-router": "6.22.3" + "@remix-run/router": "1.17.1", + "react-router": "6.24.1" }, "engines": { "node": ">=14.0.0" diff --git a/package.json b/package.json index ec018c24..ea921eec 100644 --- a/package.json +++ b/package.json @@ -14,8 +14,8 @@ "react": "^18.2.0", "react-dom": "^18.2.0", "react-icons": "^5.0.1", - "react-router-dom": "^6.22.0", "react-scripts": "5.0.1", + "react-router-dom": "^6.22.0", "web-vitals": "^3.5.2" }, "scripts": { diff --git a/public/data/Ag-neta.json b/public/data/Ag-neta.json new file mode 100644 index 00000000..acdbc66b --- /dev/null +++ b/public/data/Ag-neta.json @@ -0,0 +1,13 @@ +{ + "name": "Agneta", + "location": "Nairobi, Kenya", + "bio": "An aspiring web developer who recently started exploring open source. Looking for some great opportunities in frontend development. Let's connect!", + "avatar": "https://github.com/Ag-neta.png", + "portfolio": "Your Portfolio URL or Github URL", + "skills": ["UI/UX", "Web Development", "React.js", "Django Framework", "Python", "JavaScript"], + "social": { + "GitHub": "https://github.com/Ag-neta", + "Twitter": "https://twitter.com/agii45", + "LinkedIn": "https://www.linkedin.com/in/agneta-odhiambo-595328231" + } +} diff --git a/public/data/AndresFelipe077.json b/public/data/AndresFelipe077.json new file mode 100644 index 00000000..adb4d366 --- /dev/null +++ b/public/data/AndresFelipe077.json @@ -0,0 +1,13 @@ +{ + "name": "Andrés Felipe Pizo Luligo", + "location": "Colombia - Cauca - Popayán", + "bio": "Young man passionate about software, I love capturing incredible ideas.", + "avatar": "https://github.com/AndresFelipe077.png", + "portfolio": "https://github.com/AndresFelipe077", + "skills": ["Laravel", "Nest.js", "Angular", "Unity"], + "social": { + "GitHub": "https://github.com/AndresFelipe077", + "Twitter": "https://twitter.com/", + "LinkedIn": "https://www.linkedin.com/in/andres-felipe-pizo-luligo-6181001b1" + } +} diff --git a/public/data/AnkitMourya12.json b/public/data/AnkitMourya12.json new file mode 100644 index 00000000..f22180fb --- /dev/null +++ b/public/data/AnkitMourya12.json @@ -0,0 +1,13 @@ +{ + "name": "Ankit Mourya", + "location": "Uttar Pradesh", + "bio": "Ex intern @swiggy | contributor GSsoc'24", + "avatar": "https://github.com/AnkitMourya12.png", + "portfolio": "https://github.com/AnkitMourya12", + "skills": ["full stack", "data analyst"], + "social": { + "GitHub": "https://github.com/AnkitMourya12", + "Twitter": "https://x.com/ANKITMaury41117", + "LinkedIn": "https://www.linkedin.com/in/ankit-mourya-821aa223b/" + } +} diff --git a/public/data/Anshgrover23.json b/public/data/Anshgrover23.json new file mode 100644 index 00000000..1eb83730 --- /dev/null +++ b/public/data/Anshgrover23.json @@ -0,0 +1,13 @@ +{ + "name": "Ansh Grover", + "location": "Hanumangarh Town, Rajasthan", + "bio": "👨‍💻 Passionate web developer focused on JavaScript. Love learning new tech and improving code. Always exploring new ideas and contributing to open source. 🚀✨", + "avatar": "https://github.com/Anshgrover23.png", + "portfolio": "https://github.com/Anshgrover23", + "skills": ["HTML", "CSS", "JavaScript", "ReactJS", "Node.js", "Express.js"], + "social": { + "GitHub": "https://github.com/Anshgrover23", + "Twitter": "https://twitter.com/anshgrover938", + "LinkedIn": "https://www.linkedin.com/in/anshgrover23/" + } +} diff --git a/public/data/BHS-Harish.json b/public/data/BHS-Harish.json new file mode 100644 index 00000000..1acc5739 --- /dev/null +++ b/public/data/BHS-Harish.json @@ -0,0 +1,13 @@ +{ + "name": "Balaharisankar L", + "location": "Rajapalayam, Tamilnadu", + "bio": "Full Stack Development Enthusiast", + "avatar": "https://github.com/BHS-Harish.png", + "portfolio": "https://balaharisankar.netlify.app", + "skills": ["HTML", "CSS", "JavaScript", "React", "Core Java", "C/C++", "C#.NET", "Figma", "Git", "GitHub"], + "social": { + "GitHub": "https://github.com/BHS-Harish", + "Twitter": "https://twitter.com/Lovely_harish_", + "LinkedIn": "https://www.linkedin.com/in/balaharisankar" + } +} diff --git a/public/data/CKsabari2001.json b/public/data/CKsabari2001.json new file mode 100644 index 00000000..56bf2ce0 --- /dev/null +++ b/public/data/CKsabari2001.json @@ -0,0 +1,25 @@ +{ + "name": "Sabari CK", + "location": "Coimbatore, India", + "bio": "Frontend React Developer | React, Next.js | Increasing Website Performance and User Engagement", + "avatar": "https://github.com/CKsabari2001.png", + "portfolio": "https://github.com/CKsabari2001", + "skills": [ + "Html", + "Css", + "JavaScript", + "TypeScript", + "ReactJS", + "NextJs", + "Redux", + "Git/GitHub", + "TailWindCss", + "MaterialUi", + "Bootstrap" + ], + "social": { + "GitHub": "https://github.com/CKsabari2001", + "Twitter": "https://twitter.com/sabarirck_2001", + "LinkedIn": "https://www.linkedin.com/in/sabarirck" + } +} diff --git a/public/data/Deep512.json b/public/data/Deep512.json new file mode 100644 index 00000000..8f49288d --- /dev/null +++ b/public/data/Deep512.json @@ -0,0 +1,24 @@ +{ + "name": "Deep Dhanuka", + "location": "Bangalore, India", + "bio": "Software Engineer specializing in mobile and web app development with industry experience. Known for problem-solving skills and having a passion for continuous learning", + "avatar": "https://github.com/Deep512.png", + "portfolio": "https://github.com/Deep512", + "skills": [ + "C++", + "Frontend Development", + "Fullstack Development", + "TypeScript", + "Javascript", + "MySQL", + "React Native", + "React", + "Express.JS", + "Open Source" + ], + "social": { + "GitHub": "https://github.com/Deep512", + "Twitter": "https://twitter.com/iamdeep0512", + "LinkedIn": "https://www.linkedin.com/in/iamdeep0512" + } +} diff --git a/public/data/Erick-WG.json b/public/data/Erick-WG.json new file mode 100644 index 00000000..f4516c4b --- /dev/null +++ b/public/data/Erick-WG.json @@ -0,0 +1,13 @@ +{ + "name": "Erick Wainaina.", + "location": "Nairobi, Kenya", + "bio": "Creating bugs since, 27th/10/2024", + "avatar": "https://avatars.githubusercontent.com/u/116720470?v=4", + "portfolio": "https://github.com/Erick-WG", + "skills": ["Python", "Django", "JavaScript", "Typescript", "React"], + "social": { + "GitHub": "https://github.com/Erick-WG", + "Twitter": "https://twitter.com/erick_gitahi", + "LinkedIn": "https://www.linkedin.com/in/erick-wainaina/" + } +} diff --git a/public/data/Jyothishree2k5.json b/public/data/Jyothishree2k5.json new file mode 100644 index 00000000..454d6267 --- /dev/null +++ b/public/data/Jyothishree2k5.json @@ -0,0 +1,13 @@ +{ + "name": "Jyothishree Rajkumar", + "location": "TamilNadu", + "bio": "I am a pre-final year IT student with knowledege in MERN stack and i do dsa in python. I am currently trying to do open source as it interests me the most.", + "avatar": "https://github.com/Jyothishree2k5.png", + "portfolio": "https://github.com/Jyothishree2k5", + "skills": ["HTML", "CSS", "JAVASCRIPT", "MONGODB", "NODEJS", "EXPRESSJS", "SQL"], + "social": { + "GitHub": "https://github.com/Jyothishree2k5", + "Twitter": "https://twitter.com/Jyothishree2k58", + "LinkedIn": "https://www.linkedin.com/in/jyothishree-rajkumar-055022243" + } +} diff --git a/public/data/Keshav-Chaudhary.json b/public/data/Keshav-Chaudhary.json new file mode 100644 index 00000000..afb75aab --- /dev/null +++ b/public/data/Keshav-Chaudhary.json @@ -0,0 +1,13 @@ +{ + "name": "Keshav Chaudhary", + "location": "New Delhi, India", + "bio": "Passionate about coding, web development, and problem-solving. Skilled in Python, C++, DSA, Web Dev, and React.", + "avatar": "https://github.com/Keshav-Chaudhary.png", + "portfolio": "https://github.com/Keshav-Chaudhary", + "skills": ["Python", "C++", "DSA", "Web Development", "React"], + "social": { + "GitHub": "https://github.com/Keshav-Chaudhary", + "Twitter": "https://twitter.com/K_Chaudhary_HR", + "LinkedIn": "https://www.linkedin.com/in/keshav-c-a61b78287/" + } +} diff --git a/public/data/Kritika.json b/public/data/Kritika.json new file mode 100644 index 00000000..e508d587 --- /dev/null +++ b/public/data/Kritika.json @@ -0,0 +1,27 @@ +{ + "name": "Kritika Agrawal", + "location": "maharashtra, India", + "bio": "I am a self-motivated individual who is always eager to learn new technologies and approaches to programming.In my free time, enjoys reading about the latest trends in software development and experimenting with new coding techniques", + "avatar": "https://github.com/K-21.png", + "portfolio": "https://github.com/K-21", + "skills": [ + "ReactJS", + "C++", + "Javascript", + "APIs", + "Tailwind CSS", + "Node.js", + "MongoDB", + "Express.js", + "HTML", + "CSS", + "Typescript", + "SQL", + "MongoDB", + "NextJs" + ], + "social": { + "GitHub": "https://github.com/K-21", + "LinkedIn": "https://www.linkedin.com/in/kritika-agrawal499/" + } +} diff --git a/public/data/Monalisha-Roy.json b/public/data/Monalisha-Roy.json new file mode 100644 index 00000000..9d1cc28e --- /dev/null +++ b/public/data/Monalisha-Roy.json @@ -0,0 +1,13 @@ +{ + "name": "Monalisha Roy", + "location": "Assam, India", + "bio": "Dedicated tech enthusiast pursuing B.Tech in Computer Science and Engineering. Passionate about technology and continuous learning. Open to collaborations for meaningful contributions to the tech landscape.", + "avatar": "https://github.com/Monalisha-Roy.png", + "portfolio": "https://github.com/Monalisha-Roy", + "skills": ["Nextjs", "ReactJS", "TailwindCSS", "NodeJS", "HTML", "CSS", "TypeScript", "PostgreSQL"], + "social": { + "GitHub": "https://github.com/Monalisha-Roy", + "Twitter": "https://twitter.com/RoyMonalis14310?t=gGFQSdjUq3E3AG_4SK4rZg&s=09", + "LinkedIn": "www.linkedin.com/in/monalisha-roy-995978252" + } +} diff --git a/public/data/Om-pawarr.json b/public/data/Om-pawarr.json new file mode 100644 index 00000000..474955e5 --- /dev/null +++ b/public/data/Om-pawarr.json @@ -0,0 +1,13 @@ +{ + "name": "Om pawar", + "location": "Maharashtra", + "bio": "A Web Developer specializing in HTML5,css, JavaScript, and front-end frameworks", + "avatar": "https://avatars.githubusercontent.com/u/124502159?s=400&u=3691e22cc07794bb421cee5c655dca4d8da244c9&v=4", + "portfolio": "", + "skills": ["Front end frameworks expertise", "AWS associate level certified", "..."], + "social": { + "GitHub": "https://github.com/Om-pawarr", + "Twitter": "https://twitter.com/@_Parth_Dwivedi_", + "LinkedIn": "" + } +} diff --git a/public/data/RashidSiddiqui2004.json b/public/data/RashidSiddiqui2004.json new file mode 100644 index 00000000..bbf59a70 --- /dev/null +++ b/public/data/RashidSiddiqui2004.json @@ -0,0 +1,23 @@ +{ + "name": "Rashid Siddiqui", + "location": "New Delhi, India", + "bio": "Full Stack Developer proficient in React and Next.js and currently exploring Deep Learning", + "avatar": "https://avatars.githubusercontent.com/u/124426004?v=4", + "portfolio": "https://rashid-siddiqui.netlify.app/", + "skills": [ + "ReactJS", + "NextJS", + "JavaScript", + "Node.js", + "Express.js", + "MongoDB", + "REST API", + "Machine Learning", + "Keras" + ], + "social": { + "GitHub": "https://github.com/RashidSiddiqui2004", + "Twitter": "https://twitter.com/RashidSidd3319", + "LinkedIn": "https://www.linkedin.com/in/rashid-siddiqui2004" + } +} diff --git a/public/data/Sahilll15.json b/public/data/Sahilll15.json new file mode 100644 index 00000000..e50fd978 --- /dev/null +++ b/public/data/Sahilll15.json @@ -0,0 +1,27 @@ +{ + "name": "Sahil Sanjay Chalke", + "location": "Mumbai, India 🇮🇳", + "bio": "FULL STACK DEV", + "avatar": "https://avatars.githubusercontent.com/u/109215419?v=4", + "portfolio": "https://sahilchalke.online/", + "skills": [ + "Javascript", + "C++", + "Typescript", + "Nodejs", + "Expressjs", + "React", + "Next.Js", + "MySQL", + "MongoDB", + "Docker", + "Git", + "Tailwind CSS", + "REST APIs", + "GraphQL" + ], + "social": { + "GitHub": "https://github.com/Sahilll15", + "LinkedIn": "https://www.linkedin.com/in/sahilchalke/" + } +} diff --git a/public/data/Saipradyumna Goud Chiragoni.json b/public/data/Saipradyumna Goud Chiragoni.json new file mode 100644 index 00000000..fc3742c6 --- /dev/null +++ b/public/data/Saipradyumna Goud Chiragoni.json @@ -0,0 +1,13 @@ +{ + "name": "Chiragoni Sai Pradyumna Goud", + "location": "Telangana, India", + "bio": "I am an aspiring full stack developer and very sincere about my work. I am pursuing my B.Tech at Kakatiya Institute of Technology and Science, and I am an open source contributor.", + "avatar": "https://github.com/saipradyumnagoud.png", + "portfolio": "https://github.com/saipradyumnagoud", + "skills": ["HTML", "CSS", "JAVASCRIPT", "REACT", "EXPRESS", "NODE", "MONGODB", "SQL", "C", "JAVA"], + "social": { + "GitHub": "https://github.com/saipradyumnagoud", + "Twitter": "https://x.com/saipradyumnaaaa", + "LinkedIn": "https://www.linkedin.com/in/saipradyumnagoudch/" + } +} diff --git a/public/data/Sanket176.json b/public/data/Sanket176.json new file mode 100644 index 00000000..9f82ec04 --- /dev/null +++ b/public/data/Sanket176.json @@ -0,0 +1,13 @@ +{ + "name": "Sanket Rinayat", + "location": "Gondia (MH), India", + "bio": "System Engineer @Infosys with 2 years of experience in web app development with industry standard. Interested in learning new technologies in new various environments with problem-solving attitude.", + "avatar": "https://github.com/Sanket176.png", + "portfolio": "https://github.com/Sanket176", + "skills": ["HTML", "CSS", "Javascript", "React", "NodeJS", "MongoDB", "Networking", "Problem Solving"], + "social": { + "GitHub": "https://github.com/Sanket176", + "My Portfolio": "https://66a7ce14a7aa1539cc2ec257--earnest-platypus-025bbc.netlify.app/", + "LinkedIn": "https://www.linkedin.com/in/sanket-rinayat-b253bb211" + } +} diff --git a/public/data/abhishek732.json b/public/data/abhishek732.json new file mode 100644 index 00000000..90fa5fbb --- /dev/null +++ b/public/data/abhishek732.json @@ -0,0 +1,13 @@ +{ + "name": "Abhishek Kumar Verma", + "location": "Uttar Pradesh, India", + "bio": "An aspiring web developer who is an undergrad and recently started exploring open source. Looking for some great opportunities in frontend development. Let's connect!", + "avatar": "https://bit.ly/4bfqYfn", + "portfolio": "https://github.com/Abhishek0732", + "skills": ["Javascript", "Node.js", "MongoDB", "ReactJS", "Java", "Python", "HTML", "CSS"], + "social": { + "GitHub": "https://github.com/Abhishek0732", + "Twitter": "https://twitter.com/Abhishek34412", + "LinkedIn": "https://www.linkedin.com/in/abhishekverma32/" + } +} diff --git a/public/data/adityashah7867.json b/public/data/adityashah7867.json new file mode 100644 index 00000000..2dfe82a8 --- /dev/null +++ b/public/data/adityashah7867.json @@ -0,0 +1,28 @@ +{ + "name": "Aditya Nikunj Shah", + "location": "Mumbai, India 🇮🇳", + "bio": "FULL STACK DEV", + "avatar": "https://adityadevappweb.s3.ap-south-1.amazonaws.com/Untitled+design.png", + "portfolio": "https://adityanshah.netlify.app/", + "skills": [ + "Javascript", + "C++", + "Typescript", + "Nodejs", + "Expressjs", + "React", + "Next.Js", + "MySQL", + "MongoDB", + "Docker", + "Git", + "Tailwind CSS", + "REST APIs", + "GraphQL" + ], + "social": { + "GitHub": "https://github.com/adityashah7867", + "LinkedIn": "https://www.linkedin.com/in/adi-tya-shah" + } + } + \ No newline at end of file diff --git a/public/data/astro-dally.json b/public/data/astro-dally.json new file mode 100644 index 00000000..f30b64e7 --- /dev/null +++ b/public/data/astro-dally.json @@ -0,0 +1,13 @@ +{ + "name": "Dally R", + "location": "Madurai, Tamilnadu", + "bio": "Detail-oriented Front End Developer passionate about creating visually appealing, user-friendly websites, eager to contribute to dynamic teams.", + "avatar": "https://github.com/astro-dally.png", + "portfolio": "https://astro-dally.github.io/Porfolio-Website/", + "skills": ["HTML", "CSS", "JavaScript", "ReactJs", "Tailwind CSS"], + "social": { + "GitHub": "https://github.com/astro-dally", + "Twitter": "https://twitter.com/AstroDreamer64", + "LinkedIn": "https://www.linkedin.com/in/dally-r-a8a963272/" + } +} diff --git a/public/data/boytur.json b/public/data/boytur.json new file mode 100644 index 00000000..d4dc9f77 --- /dev/null +++ b/public/data/boytur.json @@ -0,0 +1,12 @@ +{ + "name": "Piyawat Wongyat", + "location": "Bangkok/Thailand", + "bio": "I'm a software engineering student at Burapha University. I'm not very passionate about coding but work in this field to earn a living.", + "avatar": "https://avatars.githubusercontent.com/u/104257779?s=400&u=4e9c1cc0d7c1530af16a0293b5338375fb4af27e&v=4", + "portfolio": "https://piyawat-portfolio.onrender.com/", + "skills": ["React.js", "Express.js", "Tailwind", "TypeScript", "JavaScript", "Linux"], + "social": { + "GitHub": "https://github.com/boytur", + "LinkedIn": "https://www.linkedin.com/in/piyawat-wongyat-a74b52270/" + } +} diff --git a/public/data/bro-maanii.json b/public/data/bro-maanii.json new file mode 100644 index 00000000..27aef1b0 --- /dev/null +++ b/public/data/bro-maanii.json @@ -0,0 +1,24 @@ +{ + "name": "Maani", + "location": "Pakistan", + "bio": "Hello👋 I'm Eman Ali Abbasi, a passionate software developer with a keen interest in web development and GenAI.", + "avatar": "https://github.com/bro-maanii.png", + "portfolio": "https://emaanabbasi-portfolio.vercel.app/", + "skills": [ + "HTML/CSS", + "JavaScript/TypeScript", + "ReactJS", + "NodeJS", + "TailwindCSS", + "Git/GitHub", + "Python", + "FastAPI", + "Docker", + "SQL" + ], + "social": { + "GitHub": "https://github.com/bro-maanii", + "Twitter": "https://twitter.com/Maani_31", + "LinkedIn": "https://www.linkedin.com/in/eman-ali-abbasi-937932237/" + } +} diff --git a/public/data/chaitanyarora.json b/public/data/chaitanyarora.json new file mode 100644 index 00000000..7b94a6c5 --- /dev/null +++ b/public/data/chaitanyarora.json @@ -0,0 +1,13 @@ +{ + "name": "Chaitany Arora", + "location": "New Delhi, India", + "bio": "SDE. Speaks Python Fluently.", + "avatar": "https://github.com/chaitanyarora.png", + "portfolio": "https://chaitanyarora-portfolio.vercel.app/", + "skills": ["Python", "MERN", "C++"], + "social": { + "GitHub": "https://github.com/chaitanyarora", + "Twitter": "https://twitter.com/chaitanyarora1", + "LinkedIn": "https://www.linkedin.com/in/chaitany-arora-693872201/" + } +} diff --git a/public/data/connectaryal.json b/public/data/connectaryal.json new file mode 100644 index 00000000..05d8073b --- /dev/null +++ b/public/data/connectaryal.json @@ -0,0 +1,27 @@ +{ + "name": "Shiva Aryal", + "location": "Kathmandu, Nepal", + "bio": "Senior Software Engineer with 5+ years of experience in building scalable applications.", + "avatar": "https://github.com/connectaryal.png", + "portfolio": "https://shivaaryal.com.np/", + "skills": [ + "HTML", + "CSS", + "JavaScript", + "Tailwind CSS", + "TypeScript", + "React", + "OOP", + "Node.js", + "PHP", + "Laravel", + "WordPress", + "MYSQL", + "Docker" + ], + "social": { + "GitHub": "https://github.com/connectaryal", + "Twitter": "https://twitter.com/connectaryal", + "LinkedIn": "https://www.linkedin.com/in/connectaryal" + } +} diff --git a/public/data/developer_assets.json b/public/data/developer_assets.json new file mode 100644 index 00000000..adfba7a4 --- /dev/null +++ b/public/data/developer_assets.json @@ -0,0 +1,13 @@ +{ + "name": "Patrick Obama", + "location": "Kenya", + "bio": "An aspiring web developer who is an undergrad and recently started exploring open source. Looking for some great opportunities in frontend development. Let's connect!", + "avatar": "https://github.com/developer-assets.png", + "portfolio": "https://developer-assets.github.io/", + "skills": ["React.js", "Tailwind CSS", "SQL", "Node.js", "HTML", "CSS", "JavaScript", "PHP", "Python", "C++"], + "social": { + "GitHub": "https://github.com/developer_assets", + "Twitter": "https://twitter.com/cybicl", + "LinkedIn": "https://www.linkedin.com/in/patrick-obama-8269152bb/" + } +} diff --git a/public/data/dylan-dot-c.json b/public/data/dylan-dot-c.json new file mode 100644 index 00000000..80e40a19 --- /dev/null +++ b/public/data/dylan-dot-c.json @@ -0,0 +1,25 @@ +{ + "name": "Dylan Heslop", + "location": "New York, USA", + "bio": "Full Stack Software Developer, specializes in React, Vue, Supabase, TypsScript, Node.JS. Love making functional web applications and learning new things everyday.", + "avatar": "https://github.com/dylan-dot-c.png", + "portfolio": "https://www.frontendmentor.io/profile/dylan-dot-c", + "skills": [ + "HTML", + "CSS", + "JS", + "TypeScript", + "React", + "Vue", + "Supabase", + "Python", + "Node.JS", + "Flask", + "Responsive Web Design", + "Mobile-First Design" + ], + "social": { + "GitHub": "https://github.com/dylan-dot-c", + "LinkedIn": "https://www.linkedin.com/in/heslopd23/" + } +} diff --git a/public/data/giuliarappo.json b/public/data/giuliarappo.json new file mode 100644 index 00000000..614234a9 --- /dev/null +++ b/public/data/giuliarappo.json @@ -0,0 +1,12 @@ +{ + "name": "Giulia", + "location": "Italy", + "bio": "Junior fullstack delevoper searching a project to collaborate for improve skills", + "avatar": "https://github.com/giuliarappo.png", + "portfolio": "https://github.com/giuliarappo", + "skills": ["Java", "Spring boot", "Angular", "React"], + "social": { + "GitHub": "https://github.com/", + "LinkedIn": "https://www.linkedin.com/in/" + } +} diff --git a/public/data/hassanaboukhalil.json b/public/data/hassanaboukhalil.json new file mode 100644 index 00000000..902d9b3f --- /dev/null +++ b/public/data/hassanaboukhalil.json @@ -0,0 +1,32 @@ +{ + "name": "Hassan Abou Khalil", + "location": "Earth", + "bio": "I am a full stack developer with over 3 years of experience. Proficient in both front-end and back-end technologies.", + "avatar": "https://github.com/hassanaboukhalil.png", + "portfolio": "https://hassan-ak-portfolio.vercel.app/", + "skills": [ + "ReactJS", + "php", + "SQL", + "SASS", + "JavaScript", + "Git", + "Bootstrap", + "tailwind", + "Jest", + "HTML", + "CSS", + "NodeJS", + "ExpressJS", + "MongoDB", + "Redux", + "Typescript", + "Java", + "Figma", + "Python" + ], + "social": { + "GitHub": "https://github.com/hassanaboukhalil", + "Twitter": "https://twitter.com/CodingHassan" + } +} diff --git a/public/data/joselucasapp.json b/public/data/joselucasapp.json new file mode 100644 index 00000000..a4789e3d --- /dev/null +++ b/public/data/joselucasapp.json @@ -0,0 +1,12 @@ +{ + "name": "José Lucas", + "location": "Santa Luzia, PB, Brazil", + "bio": "Software Engineer | Python and Javascript | Fullstack developer.", + "avatar": "https://github.com/joselucasapp.png", + "portfolio": "https://github.com/JoseLucasapp", + "skills": ["Javascript", "Python", "Golang", "Php", "Java", "Perl"], + "social": { + "GitHub": "https://github.com/joselucasapp", + "LinkedIn": "https://www.linkedin.com/in/jlgf524150/" + } +} diff --git a/public/data/krishajoshi14.json b/public/data/krishajoshi14.json index b4f0762f..692f6813 100644 --- a/public/data/krishajoshi14.json +++ b/public/data/krishajoshi14.json @@ -1,13 +1,13 @@ { - "name": "Krisha Joshi", - "location": "Pune", - "bio": "I'm a 3rd year CSE student.", - "avatar": "https://github.com/krishajoshi14.png", - "portfolio": "https://github.com/krishajoshi14", - "skills": ["Java", "CPP", "React"], - "social": { - "GitHub": "https://github.com/krishajoshi14", - "Twitter": "", - "LinkedIn": "https://www.linkedin.com/in/krisha-joshi-98a431169/" - } - } \ No newline at end of file + "name": "Krisha Joshi", + "location": "Pune", + "bio": "I'm a 3rd year CSE student.", + "avatar": "https://github.com/krishajoshi14.png", + "portfolio": "https://github.com/krishajoshi14", + "skills": ["Java", "CPP", "React"], + "social": { + "GitHub": "https://github.com/krishajoshi14", + "Twitter": "", + "LinkedIn": "https://www.linkedin.com/in/krisha-joshi-98a431169/" + } +} diff --git a/public/data/mayurr7.json b/public/data/mayurr7.json new file mode 100644 index 00000000..66497b24 --- /dev/null +++ b/public/data/mayurr7.json @@ -0,0 +1,13 @@ +{ + "name": "Mayur Tekale", + "location": "Maharashtra, India", + "bio": "A passionate web developer from India.", + "avatar": "https://avatars.githubusercontent.com/u/147367560?s=400&u=fc01c0ff31e5b5d0f5bddd5e9a99ba5d7d2634fa&v=4", + "portfolio": "https://mayurr7.github.io/mayurPortfolio/", + "skills": ["HTML5", "CSS3", "JavaScript", "ReactJs", "TailwindCss", "NodeJs", "Java", "DSA"], + "social": { + "GitHub": "https://github.com/mayurr7", + "Twitter": "https://twitter.com/mayur_b_tekale", + "LinkedIn": "https://www.linkedin.com/in/mayur-tekale-1540a023b" + } +} diff --git a/public/data/phythdj24.json b/public/data/phythdj24.json new file mode 100644 index 00000000..36be3834 --- /dev/null +++ b/public/data/phythdj24.json @@ -0,0 +1,13 @@ +{ + "name": "Atharv Dalal ", + "location": "Pune , Maharashtra", + "bio": "I am a full-stack web developer, mostly loving core development and building backend systems. ", + "avatar": "https://avatars.githubusercontent.com/u/77956535?v=4", + "portfolio": "https://github.com/phythdj24", + "skills": ["Javascript", "Node js", "ExpressJS", "PostgreSQL", "NestJS", "React", "MongoDB", "AWS", "Kafka", "Redis"], + "social": { + "GitHub": "https://github.com/phythdj24", + "Twitter": "https://twitter.com/Dalal_Atharv24", + "LinkedIn": "https://www.linkedin.com/in/atharv-dalal/" + } +} diff --git a/public/data/pragyakashyap.json b/public/data/pragyakashyap.json new file mode 100644 index 00000000..93ef6d07 --- /dev/null +++ b/public/data/pragyakashyap.json @@ -0,0 +1,12 @@ +{ + "name": "Prgya Kashyap", + "location": "Bangalore, India", + "bio": " Software Engineer specialized in data structures algorithms and problem-solving. My professional journey combines strong theoretical knowledge with practical coding proficiency, making me an effective contributor to technology-driven projects.. ", + "avatar": "https://github.com/pragyakashyap.png", + "portfolio": "https://github.com/pragyakashyap", + "skills": ["C++", "React", "Express", "Node", "PostgreSQL", "MongoDB", "Responsive web design", "testing"], + "social": { + "GitHub": "https://github.com/pragyakashyap", + "LinkedIn": "https://www.linkedin.com/in/pragya-kashyap18" + } +} diff --git a/public/data/prajwalmandlik2004.json b/public/data/prajwalmandlik2004.json new file mode 100644 index 00000000..bec2e091 --- /dev/null +++ b/public/data/prajwalmandlik2004.json @@ -0,0 +1,13 @@ +{ + "name": "Prajwal Mandlik", + "location": "Pune , India", + "bio": "A Full Stack Developer and Freelancer", + "avatar": "https://github.com/prajwalmandlik2004.png", + "portfolio": "https://bit.ly/Prajwal-Mandlik", + "skills": ["JavaScript", "React.js", "Next.js", "Node.js", "Express.js", "Java", "Kotlin"], + "social": { + "GitHub": "https://github.com/prajwalmandlik2004", + "Twitter": "https://twitter.com/MandlikPrajwal3", + "LinkedIn": "https://www.linkedin.com/in/prajwal-mandlik-5962b222a/" + } +} diff --git a/public/data/rohitxdd.json b/public/data/rohitxdd.json new file mode 100644 index 00000000..4482f0f3 --- /dev/null +++ b/public/data/rohitxdd.json @@ -0,0 +1,12 @@ +{ + "name": "Rohit Sharma", + "location": "Delhi, India", + "bio": "Passionate Full Stack Developer | Building Web Solutions from Front-end to Back-end | JavaScript, Python, C# and More", + "avatar": "https://github.com/rohitxdd.png", + "portfolio": "https://github.com/rohitxdd", + "skills": ["Javascript", "Python", "C#", "Asp.Net", "SQL", "REACT", "NODEJS"], + "social": { + "GitHub": "https://github.com/rohitxdd", + "LinkedIn": "https://www.linkedin.com/in/rohit-sharma-b60713172/" + } +} diff --git a/public/data/root-0101.json b/public/data/root-0101.json new file mode 100644 index 00000000..3a42cbeb --- /dev/null +++ b/public/data/root-0101.json @@ -0,0 +1,13 @@ +{ + "name": "Rajveer", + "location": "Bihar, India", + "bio": "I'm a CyberSecurity enthusiast, learning about web security and doing CTF", + "avatar": "https://pbs.twimg.com/profile_images/1671250198960693248/mnl0-OPm_400x400.jpg", + "portfolio": "https://github.com/root-0101", + "skills": ["python", "MySql", "Javascript", "Linux", "Bash"], + "social": { + "GitHub": "https://github.com/root-0101", + "Twitter": "https://twitter.com/rajveer_0101", + "LinkedIn": "https://www.linkedin.com/in/rajveer-146b92262/" + } +} diff --git a/public/data/sakshamgupta921.json b/public/data/sakshamgupta921.json index 8fe98e91..12e65f24 100644 --- a/public/data/sakshamgupta921.json +++ b/public/data/sakshamgupta921.json @@ -1,13 +1,13 @@ { - "name": "Saksham Gupta", - "location": "Dehradun , Uttrakhand", - "bio": "An undergrad working with MERN Stack and React Native. I am a tech enthusiast and love to learn new technologies.", - "avatar": "https://github.com/sakshamgupta912.png", - "portfolio": "https://sakshamgupta-portfolio.netlify.app/", - "skills": ["MERN", "C++", "Java", "Python", "React Native"], - "social": { - "GitHub": "https://github.com/sakshamgupta912", - "Twitter": "https://twitter.com/Saksham66525108", - "LinkedIn": "https://www.linkedin.com/in/sakshamgupta912" - } - } \ No newline at end of file + "name": "Saksham Gupta", + "location": "Dehradun , Uttrakhand", + "bio": "An undergrad working with MERN Stack and React Native. I am a tech enthusiast and love to learn new technologies.", + "avatar": "https://github.com/sakshamgupta912.png", + "portfolio": "https://sakshamgupta-portfolio.netlify.app/", + "skills": ["MERN", "C++", "Java", "Python", "React Native"], + "social": { + "GitHub": "https://github.com/sakshamgupta912", + "Twitter": "https://twitter.com/Saksham66525108", + "LinkedIn": "https://www.linkedin.com/in/sakshamgupta912" + } +} diff --git a/public/data/samah554.json b/public/data/samah554.json new file mode 100644 index 00000000..608284a4 --- /dev/null +++ b/public/data/samah554.json @@ -0,0 +1,13 @@ +{ + "name": "Samah Shakir Ali", + "location": "India", + "bio": "CS Grad, Web dev, Full Stack Developer expertise in .Net and MERN Stack", + "avatar": "https://github.com/samah554.png", + "portfolio": "https://getssa.framer.website", + "skills": ["Javascript", "ReactJS", "Node.js", ".Net", "MongoDB", "MySql", "MSSql", "C#", "RestApi", "Express.js"], + "social": { + "GitHub": "https://github.com/samah554", + "Twitter": "https://twitter.com/samah554>", + "LinkedIn": "https://www.linkedin.com/in/samahshakir" + } +} diff --git a/public/data/swarnendu19.json b/public/data/swarnendu19.json new file mode 100644 index 00000000..1196c154 --- /dev/null +++ b/public/data/swarnendu19.json @@ -0,0 +1,27 @@ +{ + "name": "Swarnendu Maity", + "location": "India", + "bio": "Aspiring Full Stack Developer | Integrating Frontend Proficiency with Expanding Backend Knowledge", + "avatar": "https://github.com/swarnendu19.png", + "portfolio": "https://github.com/swarnendu19", + "skills": [ + "HTML", + "CSS", + "JavaScript", + "ReactJS", + "Redux Toolkit", + "SASS", + "TailwindCSS", + "NodeJS", + "ExpressJS", + "MongoDB", + "Docker", + "Git", + "GitHub" + ], + "social": { + "GitHub": "https://github.com/swarnendu19", + "Twitter": "https://x.com/swarnendu_dev", + "LinkedIn": "https://www.linkedin.com/in/swarnendu-maity-34111624b/" + } +} diff --git a/public/data/tainguyenphat74.json b/public/data/tainguyenphat74.json new file mode 100644 index 00000000..2f9b9c4f --- /dev/null +++ b/public/data/tainguyenphat74.json @@ -0,0 +1,13 @@ +{ + "name": "tainguyenphat74", + "location": "Viet Nam", + "bio": "Fullstack Software Engineer with 3+ years. Lovely build SaaS product.", + "avatar": "https://github.com/tainguyenphat74.png", + "portfolio": "https://github.com/tainguyenphat74", + "skills": ["Next.js", "TailwindCSS", "Java", "Quarkus", "Docker"], + "social": { + "GitHub": "https://github.com/tainguyenphat74", + "Twitter": "https://twitter.com/tainguyenphat74", + "LinkedIn": "https://www.linkedin.com/in/tainguyenphat74" + } +} diff --git a/public/data/vitormarinheiro.json b/public/data/vitormarinheiro.json new file mode 100644 index 00000000..e3e274e0 --- /dev/null +++ b/public/data/vitormarinheiro.json @@ -0,0 +1,13 @@ +{ + "name": "Vitor Marinheiro", + "location": "São Paulo - Brasil", + "bio": "Hello, my name is Vitor Marinheiro and I'am Frontend Developer. My motivation is to solve problems and be involved in projects where I can apply my knowledge and learn continuously. In my free time, I enjoy contributing to open source projects and helping others get involved in programming.", + "avatar": "https://github.com/vitormarinheiro1.png", + "portfolio": "https://vitormarinheiro.vercel.app/", + "skills": ["React", "Nextjs", "Angular", "Typescript", "Python", "Nest", "MySQL"], + "social": { + "GitHub": "https://github.com/vitormarinheiro1", + "Twitter": "#", + "LinkedIn": "https://br.linkedin.com/in/vitor-marinheiro-590a461ba" + } +} diff --git a/public/data/why-deepanshux.json b/public/data/why-deepanshux.json new file mode 100644 index 00000000..637252d4 --- /dev/null +++ b/public/data/why-deepanshux.json @@ -0,0 +1,26 @@ +{ + "name": "Deepanshu Sharma", + "location": "New Delhi India", + "bio": "Creative Full Stack Developer passionate about building innovative web solutions. Blending design and functionality to craft seamless, user-centric applications that drive digital transformation.", + "avatar": "https://github.com/why-deepanshux.png", + "portfolio": "https://github.com/why-deepanshux", + "skills": [ + "Javascript", + "Typescript", + "CSS", + "React", + "MongoDB", + "Tailwind", + "Nodejs", + "Nextjs", + "Express", + "Python", + "C++", + "AWS" + ], + "social": { + "GitHub": "https://github.com/why-deepanshux", + "Twitter": "https://x.com/why_deepanshu", + "LinkedIn": "https://www.linkedin.com/in/deepanshu-sharma-449b661ba/" + } +} diff --git a/public/divya_yewale29.json b/public/divya_yewale29.json new file mode 100644 index 00000000..48cdf645 --- /dev/null +++ b/public/divya_yewale29.json @@ -0,0 +1,11 @@ +{ + "name": "Divya Yewale", + "location": "Navi-Mumbai", + "avatar": "https://github.com/divya_yewale29.png", + "portfolio": "https://github.com/divyayewale29", + "skills": ["HTML", "CSS", "JS"], + "social": { + "GitHub": "https://github.com/divyayewale29", + "LinkedIn": "https://www.linkedin.com/in/divya-yewale-930796287/" + } + } \ No newline at end of file diff --git a/src/App.js b/src/App.js index a672d57f..bbda86bf 100644 --- a/src/App.js +++ b/src/App.js @@ -20,6 +20,7 @@ function App() { const recordsPerPage = 20; const currentUrl = window.location.pathname; + useEffect(() => { const fetchData = async (file) => { try { @@ -36,7 +37,7 @@ function App() { setLoadingProfiles(true); try { const promises = filenames.map((file) => fetchData(`/data/${file}`)); - const combinedData = await Promise.all(promises); + const combinedData = await Promise.all(promises).then((results) => results.flat()); setCombinedData(combinedData); setShuffledProfiles(shuffleProfiles(combinedData)); } catch (error) { @@ -58,26 +59,34 @@ function App() { return array; }; - const handleSearch = (searchValue) => { - const lowercaseSearch = searchValue.toLowerCase().trim(); - const results = combinedData.filter((object) => { - const lowercaseName = object.name.toLowerCase(); - const lowercaseLocation = object.location.toLowerCase(); - const matchingSkills = object.skills.filter((skill) => skill.toLowerCase().includes(lowercaseSearch)); - return ( - matchingSkills.length > 0 || - lowercaseName.includes(lowercaseSearch) || - lowercaseLocation.includes(lowercaseSearch) - ); + const handleSearch = ({ value, criteria }) => { + const normalizeString = (str) => + str + .toLowerCase() + .replace(/\s*,\s*/g, ' ') + .replace(/\s+/g, ' ') + .trim(); + + const normalizedValue = normalizeString(value); + + const filteredResults = combinedData.filter((user) => { + if (criteria === 'name') { + return normalizeString(user.name).includes(normalizedValue); + } else if (criteria === 'location') { + return normalizeString(user.location).includes(normalizedValue); + } else if (criteria === 'skill') { + return user.skills.some((skill) => normalizeString(skill).includes(normalizedValue)); + } + return false; }); - setSearching(true); - setProfiles(results); + setProfiles(filteredResults); setCurrentPage(1); + setSearching(true); }; const handleNextPage = () => { - const totalPages = Math.ceil((searching ? profiles.length : combinedData.length) / recordsPerPage); + const totalPages = Math.ceil((searching ? profiles.length : shuffledProfiles.length) / recordsPerPage); if (currentPage < totalPages) { setCurrentPage(currentPage + 1); } @@ -125,7 +134,7 @@ function App() {
{profiles.length === 0 && searching ? : renderProfiles()} - {profiles.length > 0 && ( + {(searching ? profiles.length : shuffledProfiles.length) > 0 && ( ; @@ -8,6 +9,10 @@ function Profile({ data }) { function Card({ data }) { const cardRef = React.useRef(); + // const [imageSrc, setImageSrc] = useState(data.avatar); + // const handleImageError = () => { + // setImageSrc(defaultAvatar); // Fallback to default image + // }; const handleWheel = (event) => { event.stopPropagation(); @@ -29,9 +34,9 @@ function Card({ data }) { return (
-
+
- User logo + User logo

@@ -49,14 +54,14 @@ function Card({ data }) { {data.location}

{data.skills && data.skills.map((skill, index) => { return (
{skill} @@ -66,7 +71,7 @@ function Card({ data }) {
diff --git a/src/components/Profile/image.png b/src/components/Profile/image.png new file mode 100644 index 00000000..9f062f95 Binary files /dev/null and b/src/components/Profile/image.png differ diff --git a/src/components/Search/Search.jsx b/src/components/Search/Search.jsx index b34a640d..a43132cf 100644 --- a/src/components/Search/Search.jsx +++ b/src/components/Search/Search.jsx @@ -6,25 +6,30 @@ import { faMagnifyingGlass, faXmark } from '@fortawesome/free-solid-svg-icons'; function Search({ onSearch }) { const [searchValue, setSearchValue] = useState(''); const [prevSearchValue, setPrevSearchValue] = useState(''); + const [searchCriteria, setSearchCriteria] = useState('name'); const searchInput = useRef(null); const handleInputChange = (event) => { setSearchValue(event.target.value); }; + const handleCriteriaChange = (event) => { + setSearchCriteria(event.target.value); + }; + const debouncedValue = useDebounce(searchValue, 500); useEffect(() => { - if (searchValue !== prevSearchValue) { - onSearch(debouncedValue); - setPrevSearchValue(searchValue); + if (debouncedValue !== prevSearchValue) { + onSearch({ value: debouncedValue, criteria: searchCriteria }); + setPrevSearchValue(debouncedValue); } // eslint-disable-next-line react-hooks/exhaustive-deps }, [debouncedValue]); const handleSearch = () => { if (searchValue !== prevSearchValue) { - onSearch(searchValue); + onSearch({ value: searchValue, criteria: searchCriteria }); setPrevSearchValue(searchValue); } }; @@ -43,7 +48,7 @@ function Search({ onSearch }) { if (searchValue) { setSearchValue(''); setPrevSearchValue(''); - onSearch(''); + onSearch({ value: '', criteria: searchCriteria }); searchInput.current.focus(); } }; @@ -53,28 +58,40 @@ function Search({ onSearch }) { }, []); return ( -
- - - {searchValue && ( - + +
+ - )} + {searchValue ? ( + + ) : ( + + )} +
); } diff --git a/src/components/Sidebar/Sidebar.jsx b/src/components/Sidebar/Sidebar.jsx index 4ae74420..5209e14b 100644 --- a/src/components/Sidebar/Sidebar.jsx +++ b/src/components/Sidebar/Sidebar.jsx @@ -17,14 +17,15 @@ function Sidebar() { setTheme('dark'); } } + return ( -