Refactor fetch URL in ProjectCard component

Author: deepraj21

client/src/components/Projects/ProjectCard.tsx

@@ -62,7 +62,7 @@ export function ProjectCard({ project, onProjectChange }: ProjectProps) {
         if (isStarred) return; // Prevent multiple stars
 
         try {
-            const response = await fetch(`${backendUrl}/profile/${paramsUsername}/projects/${project.projectId}/star`, {
+            const response = await fetch(`${backendUrl}/profile/${username}/projects/${project.projectId}/star`, {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
             });
@@ -97,7 +97,9 @@ export function ProjectCard({ project, onProjectChange }: ProjectProps) {
                     >
                         {project.title}
                     </CardTitle>
-                    <ReactMarkdown>{project.description}</ReactMarkdown>
+                    <ReactMarkdown>
+                        {project.description.split(' ').slice(0, 5).join(' ') + (project.description.split(' ').length > 5 ? '...' : '')}
+                    </ReactMarkdown>
                 </div>
                 <div className="flex items-center rounded-md bg-secondary text-secondary-foreground">
                     <Button

client/src/pages/ProjectDisplay.tsx

@@ -34,6 +34,7 @@ const ProjectDisplay = () => {
   const [isStarred, setIsStarred] = useState(false);
   const [starCount, setStarCount] = useState(0); // Initialize as 0
   const [isStarRequestInProgress, setIsStarRequestInProgress] = useState(false); // To disable button during request
+  const loggedInUsername = localStorage.getItem("devhub_username");
 
   useEffect(() => {
     const fetchProject = async () => {
@@ -69,7 +70,7 @@ const ProjectDisplay = () => {
     setIsStarRequestInProgress(true); // Disable the button while the request is in progress
 
     try {
-      const response = await fetch(`${backendUrl}/profile/${username}/projects/${project.projectId}/star`, {
+      const response = await fetch(`${backendUrl}/profile/${loggedInUsername}/projects/${project.projectId}/star`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
       });