Update ReadMe

Author: devxprite

README.md

@@ -4,8 +4,6 @@
  <a href="https://gitglance.vercel.app/">View Demo</a>
     ·
     <a href="https://github.com/devXprite/gitglance/issues/new?assignees=&labels=bug&template=bug_report.md&title=">Report Bug</a>
-    ·
-    <a href="https://github.com/devXprite/gitglance/issues">Request Feature</a>
 </p>
 <br/>
 
@@ -19,6 +17,17 @@
 - **Next.js & Tailwind CSS:** Built with Next.js for efficient server-side rendering and Tailwind CSS for easy styling and customization.
 - **Responsive Design:** GitGlance is designed to be responsive, ensuring a seamless experience across various devices and screen sizes.
 
+## Screenshots
+
+<!-- <img > -->
+<img src="./public/screenshots/1.png" width="45%" />
+<img src="./public/screenshots/2.png" width="45%" />
+<img src="./public/screenshots/3.png" width="45%" />
+<img src="./public/screenshots/4.png" width="45%" />
+<img src="./public/screenshots/5.png" width="45%" />
+<img src="./public/screenshots/6.png" width="45%" />
+
+
 ## Installation
 To run GitGlance locally, follow these steps:
 

app/[username]/page.js

@@ -35,35 +35,36 @@ const page = async ({ params: { username } }) => {
     console.log('Username:', username);
 
     const userInfo = await fetchUserInfo(username);
-    // console.log(userInfo);
     if (!userInfo) return notFound();
 
-    await RecentProfiles.findOneAndUpdate(
-        { username },
+    const updateRecentProfilesDb = async () =>
+        await RecentProfiles.findOneAndUpdate(
+            { username },
+            {
+                name: userInfo.name ?? userInfo.username,
+                username: userInfo.username,
+                following: userInfo.following.totalCount,
+                followers: userInfo.followers.totalCount,
+                avatarUrl: userInfo.avatarUrl,
+            },
+            { upsert: true, new: true, setDefaultsOnInsert: true },
+        );
+
+    const [
+        userActivity,
         {
-            name: userInfo.name ?? userInfo.username,
-            username: userInfo.username,
-            following: userInfo.following.totalCount,
-            followers: userInfo.followers.totalCount,
-            avatarUrl: userInfo.avatarUrl,
+            languagesSize,
+            contributionCalendar,
+            commitsPerRepo,
+            starsPerRepo,
+            reposPerLanguages,
+            starsPerLanguages,
+            popularRepositories,
+            userStats,
+            topContributions,
+            followUp,
         },
-        { upsert: true, new: true, setDefaultsOnInsert: true },
-    );
-
-    const userActivity = await fetchActivity(username);
-
-    const {
-        languagesSize,
-        contributionCalendar,
-        commitsPerRepo,
-        starsPerRepo,
-        reposPerLanguages,
-        starsPerLanguages,
-        popularRepositories,
-        userStats,
-        topContributions,
-        followUp,
-    } = await fetchUserData(username);
+    ] = await Promise.all([fetchActivity(username), fetchUserData(username), updateRecentProfilesDb()]);
 
     return (
         <main className="mx-auto max-w-screen-xl space-y-8 px-3 pb-10 md:space-y-16">