Docs fo ENV

.github/pull_request_template.md

@@ -0,0 +1,26 @@
+## Related Issue
+[Cite any related issue(s) this pull request addresses. If none, simply state “None”]
+
+## Description
+[Please include a brief description of the changes or features added]
+
+## Type of PR
+
+- [ ] Bug fix
+- [ ] Feature enhancement
+- [ ] Documentation update
+- [ ] Other (specify): _______________
+
+## Screenshots / videos (if applicable)
+[Attach any relevant screenshots or videos demonstrating the changes]
+
+## Checklist:
+- [ ] I have performed a self-review of my code
+- [ ] I have read and followed the Contribution Guidelines.
+- [ ] I have tested the changes thoroughly before submitting this pull request.
+- [ ] I have provided relevant issue numbers, screenshots, and videos after making the changes.
+- [ ] I have commented my code, particularly in hard-to-understand areas.
+<!-- [X] - put a cross/X inside [] to check the box -->
+
+## Additional context:
+[Include any additional information or context that might be helpful for reviewers.]

README.md

@@ -45,19 +45,24 @@ To run GitGlance locally, follow these steps:
     ```bash
     cp .env.example .env
     ```
-4. Open the .env file and add your GitHub Personal Access Token:
+4. Open the .env file and add your
+   - GitHub Personal Access Token
+   - MongoDB URI
+
    ```bash
     GITHUB_TOKEN=
+    MONGODB_URI=mongodb://localhost:27017/<dbname>
+    BASE_URL=http://localhost:3000
    ```
-5. Install dependencies:
+6. Install dependencies:
     ```bash
     npm install
     ```
-6. Start the development server:
+7. Start the development server:
     ```bash
     npm run dev
     ```
-7. Open your browser and visit `http://localhost:3000`
+8. Open your browser and visit `http://localhost:3000`
 
 
 

app/(home)/contributors.js

@@ -0,0 +1,47 @@
+export const ContributorsData = [
+  {
+    name: "Subhadeep Roy",
+    github: "https://git.new/Subha",
+    imageUrl:"https://avatars.githubusercontent.com/u/111780029?v=4",
+  },
+  {
+    name: "Suhani Singh Paliwal",
+    github: "https://github.com/suhanipaliwal",
+    imageUrl:"https://avatars.githubusercontent.com/u/161575955?v=4",
+  },
+  {
+    name: "Sanmarg Sandeep Paranjpe",
+    github: "https://github.com/sanmarg",
+    imageUrl:"https://avatars.githubusercontent.com/u/50082154?v=4",
+  },
+  {
+    name: "Shrijal Acharya",
+    github: "https://github.com/shricodev",
+    imageUrl:"https://avatars.githubusercontent.com/u/76906722?v=4",
+  },
+  {
+    name: "Yujit Yadav",
+    github: "https://github.com/yujit2003",
+    imageUrl:"https://avatars.githubusercontent.com/u/97657345?v=4",
+  },
+  {
+    name: "Varda003",
+    github: "https://github.com/Varda003",
+    imageUrl:"https://avatars.githubusercontent.com/u/136989588?v=4",
+  },
+  {
+    name: "Pradnya",
+    github: "https://github.com/PradnyaGaitonde",
+    imageUrl:"https://avatars.githubusercontent.com/u/116059908?v=4",
+  },
+  {
+    name: "Prathica Shetty M",
+    github: "https://github.com/PrathicaShettyM",
+    imageUrl:"https://avatars.githubusercontent.com/u/123286880?v=4",
+  },
+  {
+    name: "Saransh Bangar",
+    github: "https://github.com/SaranshBangar",
+    imageUrl:"https://avatars.githubusercontent.com/u/114401238?v=4",
+  },
+];

app/(home)/page.js

@@ -6,14 +6,16 @@ import Link from 'next/link';
 import GridContainer from '@/components/GridContainer';
 import { unstable_noStore as noStore } from 'next/cache';
 import Header from '@/components/Header';
+import { ContributorsData } from './contributors';
+import Image from 'next/image';
 
 export default async function Home() {
     noStore();
     let recenetProfiles = [];
 
     try {
         await connectDb();
-        recenetProfiles = await RecentProfiles.find({ }).sort({ updatedAt: 'desc' }).limit(8);
+        recenetProfiles = await RecentProfiles.find({}).sort({ updatedAt: 'desc' }).limit(8);
     } catch (error) {
         console.log('An error occurred in Home Page while fetching recent profiles');
     }
@@ -68,6 +70,35 @@ export default async function Home() {
                         </GridContainer>
                     </div>
                 )}
+
+                <div className="mb-8 mt-16 text-center">
+                    <h2 className="text-3xl font-bold tracking-tight sm:text-4xl">Meet Our Contributors</h2>
+                </div>
+                <div className="mb-10 px-4 md:px-12">
+                    <div className="grid grid-cols-2 max-w-screen-xl mx-auto  gap-6 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6">
+                        {ContributorsData.map((data, index) => (
+                            <a
+                                key={index}
+                                href={data.github}
+                                target="_blank"
+                                className="group rounded-lg p-4 shadow-sm transition-all duration-300"
+                            >
+                                <div className="relative overflow-hidden rounded-lg">
+                                    <Image
+                                        alt={data.name}
+                                        className="h-full w-full object-cover object-center transition-all duration-500 group-hover:scale-110"
+                                        src={data.imageUrl}
+                                        width={400}
+                                        height={400}
+                                    />
+                                </div>
+                                <div className="mt-4 text-center">
+                                    <h3 className="text-lg font-semibold">{data.name}</h3>
+                                </div>
+                            </a>
+                        ))}
+                    </div>
+                </div>
             </main>
         </>
     );

app/[username]/Charts.js

@@ -18,7 +18,7 @@ const borderColor = [
 
 const Charts = ({ commitsPerRepo, starsPerRepo, reposPerLanguages, starsPerLanguages }) => {
     return (
-        <GridContainer name="Charts" className={'grid-cols-2 gap-0 gap-y-6 px-2 md:grid-cols-4 md:gap-8 md:px-6'}>
+        <GridContainer name="Charts" className={'flex flex-row flex-wrap justify-evenly gap-0 gap-y-6 px-2 md:gap-8 md:px-6'}>
             <div className="">
                 <Doughnut
                     title="Commits per Repo"

app/[username]/FollowUp.js

@@ -26,7 +26,7 @@ const FollowUp = ({ follwoup }) => {
     const { issues_by_user, pr_by_user, issues_on_user, pr_on_user, login } = follwoup;
 
     return (
-        <GridContainer name="Follow Up" className={'grid-cols-2 gap-0 gap-y-6 px-2 md:grid-cols-4 md:gap-8 md:px-6'}>
+        <GridContainer name="Follow Up" className={'flex flex-row flex-wrap justify-evenly gap-0 gap-y-6 px-2 md:gap-8 md:px-6'}>
             <div>
                 <Doughnut
                     options={{ plugins: { title: { text: `Issues by ${login}` } } }}

next.config.mjs

@@ -5,6 +5,14 @@ const nextConfig = {
             fullUrl: true,
         },
     },
+    images: {
+        remotePatterns: [
+            {
+                protocol: 'https',
+                hostname: '*',
+            },
+        ],
+    },
 };
 
 export default nextConfig;

package.json

@@ -29,4 +29,4 @@
     "prettier-plugin-tailwindcss": "^0.5.12",
     "tailwindcss": "^3.3.0"
   }
-}
+}