Merge pull request #64 from Favo02/favo02-unimi-organization

Add `favo02-unimi` organization repositories

src/components/Interests/InterestProjectExample.tsx

@@ -7,23 +7,23 @@ import Loading from "../Common/Loading"
 import FetchRepositoryDetails from "../Projects/FetchRepositoryDetails"
 import ProjectCard from "../Projects/ProjectCard"
 
-const InterestProjectExample : FC<{ name : string }> = ({ name }) => {
+const InterestProjectExample : FC<{ name : string, user : string }> = ({ name, user }) => {
 
   const [loading, setLoading] = useState<boolean>(true)
   const [repo, setRepo] = useState<Repository>()
 
   useEffect(() => {
     const fetch = async () => {
       setLoading(true)
-      const repo = await repositoriesService.get(name)
+      const repo = await repositoriesService.get(name, user)
 
       setRepo(repo)
 
       setLoading(false)
     }
 
     fetch()
-  }, [name])
+  }, [name, user])
 
   if (loading || !repo) {
     return (

src/components/Interests/InterestSection.tsx

@@ -3,18 +3,12 @@ import React, { useEffect, useRef,useState } from "react"
 import { BsArrowsCollapse, BsArrowsExpand } from "react-icons/bs"
 import { Link } from "react-router-dom"
 
+import type Interest from "../../interfaces/Interest"
+
 import InterestProjectExample from "./InterestProjectExample"
 import LateralIcons from "./LateralIcons"
 
-interface props {
-  title : string,
-  description : string,
-  languages : string,
-  icons : React.ReactNode[],
-  projects : string[]
-}
-
-const InterestSection : FC<{interest : props}> = ({ interest }) => {
+const InterestSection : FC<{interest : Interest}> = ({ interest }) => {
 
   const [isOpen, setOpen] = useState(false)
 
@@ -44,7 +38,7 @@ const InterestSection : FC<{interest : props}> = ({ interest }) => {
 
       <div className={`${isOpen ? "h-[22rem] opacity-100" : "h-0 opacity-0"} transition-all duration-700`}>
         <div className="flex justify-center">
-          {interest.projects.map(p => <InterestProjectExample key={p} name={p} />)}
+          {interest.projects.map(p => <InterestProjectExample key={p.name} name={p.name} user={p.owner} />)}
         </div>
         <p className="italic text-gray-600">
           And more... Visit

src/components/Projects/ProjectsList.tsx

@@ -23,7 +23,7 @@ const Projects : FC = () => {
 
     const fetch = async () => {
       setLoading(true)
-      const allRepos = await repositoriesService.getAll()
+      const allRepos = [...await repositoriesService.getAll("Favo02"), ...await repositoriesService.getAll("Favo02-unimi")]
 
       const nrepos = allRepos
         .filter((r : Repository) => !ignoredRepos.includes(r.name))

src/interfaces/Interest.ts

@@ -0,0 +1,12 @@
+interface Interest {
+  title : string,
+  description : string,
+  languages : string,
+  icons : React.ReactNode[],
+  projects : {
+    name : string,
+    owner : string
+  }[]
+}
+
+export default Interest

src/pages/Interests.tsx

@@ -5,17 +5,10 @@ import { SiC, SiExpress, SiGnubash, SiMongodb, SiPostgresql,SiReact, SiTailwindc
 import { TbBrandGolang, TbBrandJavascript,TbBrandTypescript } from "react-icons/tb"
 
 import InterestSection from "../components/Interests/InterestSection"
+import type Interest from "../interfaces/Interest"
 
 import "../assets/styles/animations.css"
 
-interface Interest {
-  title : string,
-  description : string,
-  languages : string,
-  icons : React.ReactNode[],
-  projects : string[]
-}
-
 const Interests : FC = () => {
 
   const interests : Interest[] = [
@@ -28,7 +21,7 @@ const Interests : FC = () => {
         <TbBrandGolang key="Go" />,
         <FaPython key="Python" />
       ],
-      "projects": ["advent-of-code", "cloudflight-coding-contest-2023"]
+      "projects": [{ name: "advent-of-code", owner: "Favo02" }, { name: "cloudflight-coding-contest-2023", owner: "Favo02" }]
     },
     {
       "title": "Full stack web development",
@@ -43,7 +36,7 @@ const Interests : FC = () => {
         <SiMongodb key="Mongo" />,
         <SiPostgresql key="Postgres" />
       ],
-      "projects": ["favo02.dev", "social-network-for-music"]
+      "projects": [{ name: "favo02.dev", owner: "Favo02" }, { name: "social-network-for-music", owner: "Favo02-unimi" }]
     },
     {
       "title": "Open source software",
@@ -53,7 +46,7 @@ const Interests : FC = () => {
         <FaJava key="Java" />,
         <TbBrandJavascript key="Javascript" />
       ],
-      "projects": ["workspaces-by-open-apps", "java-algorithms-and-structures"]
+      "projects": [{ name: "workspaces-by-open-apps", owner: "Favo02" }, { name: "java-algorithms-and-structures", owner: "Favo02" }]
     },
     {
       "title": "Learning...",
@@ -65,7 +58,7 @@ const Interests : FC = () => {
         <IoMdFlag key="ctf" />,
         <SiC key="c" />
       ],
-      "projects": ["docker-compose"]
+      "projects": [{ name: "docker-compose", owner: "Favo02" }]
     }
   ]
 

src/services/repositories.ts

@@ -4,13 +4,13 @@ import axios from "axios"
 // backend needed to proxy requests
 const baseUrl = "https://api.github.com"
 
-const getAll = async () => {
-  const res = await axios.get(`${baseUrl}/users/Favo02/repos`)
+const getAll = async (user : string) => {
+  const res = await axios.get(`${baseUrl}/users/${user}/repos`)
   return res.data
 }
 
-const get = async (name : string) => {
-  const res = await axios.get(`${baseUrl}/repos/Favo02/${name}`)
+const get = async (name : string, user : string) => {
+  const res = await axios.get(`${baseUrl}/repos/${user}/${name}`)
   return res.data
 }