Snigdha-OS/snigdhaos-web-dev
2
0
Fork 0
mirror of https://github.com/Snigdha-OS/snigdhaos-web-dev.git synced 2025-09-21 03:24:56 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore(bio): add developers bio according to github

Browse Source
This commit is contained in:
Eshan Roy
2024-12-03 16:49:31 +05:30
parent 46a4a46b3f
commit b9e9320ad5
1 changed files with 49 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/Developers.tsx
View File

@@ -8,6 +8,7 @@ type Developer = {
name: string | null; name: string | null;
avatar_url: string; avatar_url: string;
html_url: string; html_url: string;
bio: string | null; // Adding bio field
}; };
export default function Developers() { export default function Developers() {
@@ -15,7 +16,7 @@ export default function Developers() {
useEffect(() => { useEffect(() => {
const fetchDevelopers = async () => { const fetchDevelopers = async () => {
const githubUsernames = ["eshanized", "alokified", "utkarshift"]; // Replace with actual GitHub usernames const githubUsernames = ["eshanized", "iconized", "alokified", "utkrshift"]; // Replace with actual GitHub usernames
try { try {
const developerData = await Promise.all( const developerData = await Promise.all(
githubUsernames.map(async (username) => { githubUsernames.map(async (username) => {
@@ -42,14 +43,14 @@ export default function Developers() {
<div className="text-center mb-16"> <div className="text-center mb-16">
<h1 className="text-4xl font-bold text-gray-900 mb-4">Developers</h1> <h1 className="text-4xl font-bold text-gray-900 mb-4">Developers</h1>
<p className="text-xl text-gray-600 max-w-3xl mx-auto"> <p className="text-xl text-gray-600 max-w-3xl mx-auto">
Join the Kali Linux development community and contribute to the most advanced penetration testing distribution. Join the Snigdha OS development community and contribute to the most advanced penetration testing distribution.
</p> </p>
</div> </div>
{/* Meet the Developers Section */} {/* Meet the Developers Section */}
<div className="bg-white rounded-lg shadow-lg p-8 mb-16"> <div className="bg-white rounded-lg shadow-lg p-8 mb-16">
<h2 className="text-2xl font-bold mb-6">Meet the Developers</h2> <h2 className="text-2xl font-bold mb-6">Meet the Developers</h2>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
{developers.length > 0 ? ( {developers.length > 0 ? (
developers.map((developer) => ( developers.map((developer) => (
<div key={developer.id} className="p-4 border border-gray-200 rounded-lg text-center"> <div key={developer.id} className="p-4 border border-gray-200 rounded-lg text-center">
@@ -60,11 +61,12 @@ export default function Developers() {
/> />
<h3 className="text-lg font-semibold">{developer.name || developer.login}</h3> <h3 className="text-lg font-semibold">{developer.name || developer.login}</h3>
<p className="text-gray-600">@{developer.login}</p> <p className="text-gray-600">@{developer.login}</p>
<p className="text-gray-500 text-sm mt-2">{developer.bio || "No bio available."}</p>
<a <a
href={developer.html_url} href={developer.html_url}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="text-[#754ffe] font-medium mt-2 inline-block" className="text-[#754ffe] font-medium mt-4 inline-block"
> >
View Profile View Profile
</a> </a>
@@ -121,7 +123,6 @@ export default function Developers() {
</div> </div>
</div> </div>
{/* Current Projects */} {/* Current Projects */}
<div className="bg-white rounded-lg shadow-lg p-8 mb-16"> <div className="bg-white rounded-lg shadow-lg p-8 mb-16">
<h2 className="text-2xl font-bold mb-6">Current Projects</h2> <h2 className="text-2xl font-bold mb-6">Current Projects</h2>