Feature : Feat/lazy loading optimization

[JayRathore10]

✨ Added Feature: Optimize Bundle Size with Lazy Loading

📌 Related Issue

Closes #357

---

📝 Description

This PR improves frontend performance by implementing lazy loading and code splitting for heavy components/pages using React.lazy() and Suspense.

The application previously generated a large production bundle:

dist/assets/index-C9N3at7P.js 670.53 kB │ gzip: 215.05 kB

This optimization helps reduce the initial bundle size and improves loading performance.

---

🚀 Changes Made

• Added lazy imports for heavy pages/components
• Implemented Suspense fallback loaders
• Reduced initial JavaScript bundle size
• Improved frontend performance and scalability
• Reduced Vite chunk size warnings

---

🧪 Testing

• ✅ Application builds successfully using:

bun run build

• ✅ All routes/pages load correctly
• ✅ No runtime errors after lazy loading implementation

---

📸 Screenshots

Add screenshots or Lighthouse performance comparison here if applicable.

---

🛠 Tech Stack

• React
• Vite
• TypeScript

---

🏷️ Open Source Context

This PR is submitted as part of GSSoC (GirlScript Summer of Code) contribution.

👤 Contributor Profile

GSSoC Profile: https://gssoc.girlscript.org/profile/e47b2f4a-f3e9-4cb4-97b5-ddd8cb15a1e9

[netlify]

❌ Deploy Preview for github-spy failed.

Name	Link
🔨 Latest commit	e2803c5
🔍 Latest deploy log	https://app.netlify.com/projects/github-spy/deploys/6a11977fb71bc7000706e28c

[coderabbitai]

Warning

Review limit reached

@mehul-m-prajapati, we couldn't start this review because you've used your available PR reviews for now.

Your plan currently allows 1 review/hour. Refill in 44 minutes and 40 seconds.

Your organization has run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After more review capacity refills, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than trial, open-source, and free plans. In all cases, review capacity refills continuously over time.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 69f6a05e-2f76-4d13-a2bb-8350ebc9e8c0

📥 Commits

Reviewing files that changed from the base of the PR and between c34e806 and e2803c5.

📒 Files selected for processing (1)

• src/Routes/Router.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[JayRathore10]

@mehul-m-prajapati Check out this PR . I improve page loading using lazy loading optimization

[github-actions]

🎉🎉 Thank you for your contribution! Your PR #358 has been merged! 🎉🎉