.

Author: vedpawar2254

README.md

@@ -11,16 +11,16 @@ Currently, two official plugins are available:
 
 If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
 
-
-
 # DCODE Platform
 
 A modern, collaborative platform for student developers to connect, learn, and build open-source projects together. Powered by React, Vite, Zustand, and Framer Motion for a fast, immersive experience.
 
 ---
 
 ## 🚀 Overview
+
 DCODE Platform is designed to accelerate your growth as a developer by providing:
+
 - A vibrant community of student innovators
 - Hands-on project management tools
 - Rich analytics and dashboards
@@ -30,6 +30,7 @@ DCODE Platform is designed to accelerate your growth as a developer by providing
 ---
 
 ## ✨ Features
+
 - **Authentication & Onboarding**: Secure login, onboarding flow, and profile management
 - **User Directory**: Discover and connect with other developers
 - **Dashboard**: Track your progress, streaks, milestones, and PR activity
@@ -42,6 +43,7 @@ DCODE Platform is designed to accelerate your growth as a developer by providing
 ---
 
 ## 🛠️ Tech Stack
+
 - **Frontend**: React, Vite
 - **State Management**: Zustand
 - **Animations**: Framer Motion
@@ -53,6 +55,7 @@ DCODE Platform is designed to accelerate your growth as a developer by providing
 ---
 
 ## 📁 Folder Structure
+
 ```
 public/           # Static assets (images, fonts, videos)
 src/
@@ -71,6 +74,7 @@ src/
 ---
 
 ## ⚡ Getting Started
+
 1. **Clone the repo:**
    ```bash
    git clone https://github.com/DCODE-HQ/DCODE-platform.git
@@ -90,6 +94,7 @@ src/
 ---
 
 ## 🖥️ Usage
+
 - **Sign up or log in** to access the dashboard and community features
 - **Edit your profile** to add portfolio links and achievements
 - **Browse users** and connect with other developers
@@ -99,7 +104,9 @@ src/
 ---
 
 ## 🤝 Contributing
+
 We welcome contributions! To get started:
+
 1. Fork the repository
 2. Create a new branch (`git checkout -b feature/your-feature`)
 3. Make your changes
@@ -109,12 +116,14 @@ We welcome contributions! To get started:
 ---
 
 ## 📄 License
+
 This project is licensed under the MIT License.
 
 ---
 
 ## 📬 Contact
-- **Team DCODE**: [contact@dcodehq.com](mailto:contact@dcodehq.com)
+
+- **Team DCODE**: [dcode.codes@gmail.com](mailto:dcode.codes@gmail.com)
 - [GitHub Issues](https://github.com/DCODE-HQ/DCODE-platform/issues)
 
 ---

src/components/layout/NavBar/NavBar.jsx

@@ -84,14 +84,15 @@ export default function NavBar() {
           ))}
           <motion.div
             initial={{ opacity: 0, y: 10 }}
-            animate={{ opacity: isCheckingAuth ? 0 : 1, y: 0 }}
+            animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.5, delay: 0.2 }}
           >
             <Button variant="outline">
               <a
-                href={isLoggedIn ? `/dashboard` : `/auth`}
+                href={isCheckingAuth ? '#' : (isLoggedIn ? `/dashboard` : `/auth`)}
+                onClick={isCheckingAuth ? (e) => e.preventDefault() : undefined}
               >
-                {isLoggedIn ? "Dashboard" : "Login"}
+                {isCheckingAuth ? "Loading..." : (isLoggedIn ? "Dashboard" : "Login")}
               </a>
             </Button>
           </motion.div>
@@ -123,10 +124,11 @@ export default function NavBar() {
             <div className="pt-2">
               <Button variant="outline" className={"w-full"}>
               <a
-                href={isLoggedIn ? `/dashboard` : `/auth`}
-                className="px-[0.5rem] py-[3rem]"
+                href={isCheckingAuth ? '#' : (isLoggedIn ? `/dashboard` : `/auth`)}
+                onClick={isCheckingAuth ? (e) => e.preventDefault() : undefined}
+                className={`px-[0.5rem] py-[3rem] ${isCheckingAuth ? "cursor-not-allowed opacity-70" : ""}`}
               >
-                {isLoggedIn ? "Dashboard" : "Login"}
+                {isCheckingAuth ? "Loading..." : (isLoggedIn ? "Dashboard" : "Login")}
               </a>
             </Button>
             </div>

src/pages/Dashboard/Dashboard.jsx

@@ -346,7 +346,7 @@ export default () => {
       {
         icon: <FiGitMerge className="w-5 h-5 text-[#BCDD19]" />,
         title: "30 PRs Merged",
-        progress: `${stats.totalMergedPRs} / 30`,
+        progress: `${Math.min(stats.totalMergedPRs, 30)} / 30`,
         percentage: Math.min((stats.totalMergedPRs / 30) * 100, 100),
         status: `${Math.min((stats.totalMergedPRs / 30) * 100, 100).toFixed(2)}%`,
         color: "[#BCDD19]",
@@ -358,7 +358,7 @@ export default () => {
       {
         icon: <FiCode className="w-5 h-5 text-orange-400" />,
         title: "5,000 Lines of Code",
-        progress: `${stats.totalLOC.toLocaleString()} / 5,000`,
+        progress: `${Math.min(stats.totalLOC, 5000).toLocaleString()} / 5,000`,
         percentage: Math.min((stats.totalLOC / 5000) * 100, 100),
         status: `${Math.min((stats.totalLOC / 5000) * 100, 100).toFixed(2)}%`,
         color: "orange-400",
@@ -370,7 +370,7 @@ export default () => {
       {
         icon: <FiFolder className="w-5 h-5 text-blue-400" />,
         title: "30 Unique Repositories",
-        progress: `${stats.projectCount} / 30`,
+        progress: `${Math.min(stats.projectCount, 30)} / 30`,
         percentage: Math.min((stats.projectCount / 30) * 100, 100),
         status: `${Math.min((stats.projectCount / 30) * 100, 100).toFixed(2)}%`,
         color: "blue-400",
@@ -382,7 +382,7 @@ export default () => {
       {
         icon: <FiTarget className="w-5 h-5 text-purple-400" />,
         title: "50 Open PRs",
-        progress: `${stats.totalOpenPRs} / 50`,
+        progress: `${Math.min(stats.totalOpenPRs, 50)} / 50`,
         percentage: Math.min((stats.totalOpenPRs / 50) * 100, 100),
         status: `${Math.min((stats.totalOpenPRs / 50) * 100, 100).toFixed(2)}%`,
         color: "purple-400",
@@ -394,7 +394,7 @@ export default () => {
       {
         icon: <FiCalendar className="w-5 h-5 text-teal-400" />,
         title: "100 Total Commits",
-        progress: `${stats.totalCommits} / 100`,
+        progress: `${Math.min(stats.totalCommits, 100)} / 100`,
         percentage: Math.min((stats.totalCommits / 100) * 100, 100),
         status: `${Math.min((stats.totalCommits / 100) * 100, 100).toFixed(2)}%`,
         color: "teal-400",
@@ -406,7 +406,7 @@ export default () => {
       {
         icon: <FiAward className="w-5 h-5 text-[#BCDD19]" />,
         title: "First Project",
-        progress: `${stats.projectCount} / 1`,
+        progress: `${Math.min(stats.projectCount, 1)} / 1`,
         percentage: stats.projectCount > 0 ? 100 : 0,
         status: `${stats.projectCount > 0 ? 100 : 0}%`,
         color: "[#BCDD19]",

src/pages/Profile/UserProfile.jsx

@@ -222,47 +222,39 @@ export default function UserProfile() {
                 {user.name}'s <span className="text-[#C6FF3D]">Profile</span>
               </h1> */}
               <div>
-              <motion.div
-              initial={{ opacity: 0, x: -30 }}
-              animate={{ opacity: 1, x: 0 }}
-              transition={{ delay: 0.2, duration: 0.6 }}
-            >
-              <motion.h1
-                className="text-xl sm:text-2xl font-bold text-white"
-                initial={{ opacity: 0, y: 20 }}
-                animate={{ opacity: 1, y: 0 }}
-                transition={{ delay: 0.3, duration: 0.6 }}
-              >
-                Contributor Profile
-              </motion.h1>
-              <motion.p
-                className="text-gray-400 text-sm md:text-base"
-                initial={{ opacity: 0, y: 20 }}
-                animate={{ opacity: 1, y: 0 }}
-                transition={{ delay: 0.4, duration: 0.6 }}
-              >
-                Welcome back,{" "}
-                <motion.span
-                  className="text-[#C6FF3D]"
-                  initial={{ opacity: 0, scale: 0.8 }}
-                  animate={{ opacity: 1, scale: 1 }}
-                  transition={{ delay: 0.5, duration: 0.3 }}
+                <motion.div
+                  initial={{ opacity: 0, x: -30 }}
+                  animate={{ opacity: 1, x: 0 }}
+                  transition={{ delay: 0.2, duration: 0.6 }}
                 >
-                  {user.name || "User"}!
-                </motion.span>{" "}
-                Here's your{" "}
-                <motion.span
-                  className="text-[#C6FF3D]"
-                  initial={{ opacity: 0 }}
-                  animate={{ opacity: 1 }}
-                  transition={{ delay: 0.7, duration: 0.3 }}
-                >
-                  Profile
-                </motion.span>{" "}
-                overview.
-              </motion.p>
-            </motion.div>
-            </div>
+                  <motion.h1
+                    className="text-xl sm:text-2xl font-bold text-white"
+                    initial={{ opacity: 0, y: 20 }}
+                    animate={{ opacity: 1, y: 0 }}
+                    transition={{ delay: 0.3, duration: 0.6 }}
+                  >
+                    Contributor Profile
+                  </motion.h1>
+                  <motion.p
+                    className="text-gray-400 text-sm md:text-base"
+                    initial={{ opacity: 0, y: 20 }}
+                    animate={{ opacity: 1, y: 0 }}
+                    transition={{ delay: 0.4, duration: 0.6 }}
+                  >
+                    Welcome to{" "}
+                    <motion.span
+                      className="text-[#C6FF3D]"
+                      initial={{ opacity: 0, scale: 0.8 }}
+                      animate={{ opacity: 1, scale: 1 }}
+                      transition={{ delay: 0.5, duration: 0.3 }}
+                    >
+                      {user.name || "User"}
+                    </motion.span>{" "}
+                    {/* Here's your{" "} */}
+                    Profile overview.
+                  </motion.p>
+                </motion.div>
+              </div>
             </div>
             {/* Social Links */}