Add Resume Builder feature

Author: akshay0611

package-lock.json

@@ -17,6 +17,8 @@
     "devdisplay": "file:",
     "flag": "^5.0.1",
     "framer-motion": "^12.7.4",
+    "html2canvas": "^1.4.1",
+    "jspdf": "^3.0.1",
     "lucide-react": "^0.507.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

package.json

@@ -15,7 +15,9 @@ import IdeaSubmission from './Page/IdeaSubmission.jsx';
 import PortfolioIdeas from './Page/PortfolioIdeas/PortfolioIdeas.jsx';
 import PortfolioBuilder from './Page/PortfolioBuilder.jsx';
 import ProjectShowcase from './Page/ProjectShowcase.jsx';
-import ResumeBuilder from './Page/ResumeBuilder.jsx';
+import Resume from './Page/Resume.jsx';
+import ResumeBuilder from './components/ResumeBuilder/ResumeBuilder.jsx';
+import ResumeAnalyzer from './components/ResumeAnalyzer/ResumeAnalyzer.jsx';
 import Discussions from './Page/Discussions.jsx';
 import IndustryTrends from './Page/IndustryTrends.jsx';
 import JourneyPage from './Page/JourneyPage.jsx';
@@ -50,6 +52,7 @@ import DevShare from './Page/ResoucesHub/DevShare.jsx';
 
 import PageNotFound from './Page/PageNotFound.jsx';
 import ProfilePage from './components/Profile/ProfilePage';
+import { ResumeProvider } from './components/ResumeBuilder/context/ResumeContext.jsx';
 
 function App() {
   React.useEffect(() => {
@@ -110,7 +113,16 @@ function App() {
         <Route path="/IdeaSubmission" element={<IdeaSubmission />} />
         <Route path="/PortfolioIdeas" element={<PortfolioIdeas />} />
         <Route path="/PortfolioBuilder" element={<PortfolioBuilder />} />
-        <Route path="/ResumeBuilder" element={<ResumeBuilder />} />
+        <Route path="/Resume" element={<Resume />} />
+        <Route
+          path="/ResumeBuilder"
+          element={
+            <ResumeProvider>
+              <ResumeBuilder />
+            </ResumeProvider>
+          }
+        />
+        <Route path="/ResumeAnalyzer" element={<ResumeAnalyzer />} />
         <Route path="/journeys/:id" element={<AchieverJourneyPage />} />
         <Route path="/journeys" element={<JourneyPage />} />
         <Route path="/IndustryTrends" element={<IndustryTrends />} />

src/App.js

@@ -475,7 +475,7 @@ const TechFeatures = () => {
 
         <StyledDot>
           <a
-            href="https://resume-builder-pro.vercel.app/"
+            href="/Resume"
             target="_blank"
             rel="noopener noreferrer"
             className="project-card to-[rgba(0, 43, 62, 0.6)] group relative block h-full rounded-lg border border-white bg-gradient-to-r from-[rgba(15,27,53,0.9)] p-6 shadow-lg transition duration-300 hover:scale-105 hover:transform"
@@ -488,7 +488,7 @@ const TechFeatures = () => {
               </div>
               <StyledButton
                 onClick={() => {
-                  window.location.href = 'https://resume-builder-pro.vercel.app/';
+                  window.location.href = '/Resume';
                   window.open('_blank');
                 }}
               >