Merge pull request #3 from TechyCSR/ashish

Rebrand to PortlifyAi with SEO, favicons, and UI polish

Author: ashish200729

backend/src/index.js

@@ -70,7 +70,7 @@ app.use(clerkMiddleware());
 
 app.get('/', (req, res) => {
     res.json({
-        message: 'Portlify API is running',
+        message: 'PortlifyAi API is running',
         version: '1.0.0'
     });
 });

backend/src/routes/export.js

@@ -183,7 +183,7 @@ const generateHTML = (profile, preferences) => {
         ` : ''}
 
         <footer>
-            <p>Generated with ❤️ by Portlify</p>
+            <p>Generated with ❤️ by PortlifyAi</p>
         </footer>
     </div>
     <script src="script.js"></script>
@@ -437,7 +437,7 @@ router.get('/portfolio', authMiddleware, getUserFromAuth, async (req, res) => {
         // Add README
         archive.append(`# ${profile.basicDetails?.name || user.username}'s Portfolio
 
-Generated from Portlify on ${new Date().toLocaleDateString()}
+Generated from PortlifyAi on ${new Date().toLocaleDateString()}
 
 ## Usage
 1. Open index.html in a browser
@@ -451,7 +451,7 @@ Generated from Portlify on ${new Date().toLocaleDateString()}
 ## Customization
 Feel free to modify the CSS variables in styles.css to change colors.
 
-Generated with ❤️ by Portlify
+Generated with ❤️ by PortlifyAi
 ${process.env.FRONTEND_URL || 'https://portlify.techycsr.dev'}
 `, { name: 'README.md' });
 

frontend/index.html

@@ -6,38 +6,41 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
   <!-- Primary Meta Tags -->
-  <title>Portlify - AI-Powered Resume to Portfolio Builder</title>
-  <meta name="title" content="Portlify - AI-Powered Resume to Portfolio Builder" />
+  <title>PortlifyAi - AI-Powered Resume to Portfolio Builder</title>
+  <meta name="title" content="PortlifyAi - AI-Powered Resume to Portfolio Builder" />
   <meta name="description"
-    content="Transform your resume into a stunning, professional portfolio in seconds. Upload your PDF, let AI extract your skills & experience, and get a shareable portfolio URL instantly." />
+    content="PortlifyAi transforms your resume into a stunning, professional portfolio in seconds. Upload PDF, DOC, or DOCX — AI extracts your skills, experience, and projects into a shareable portfolio URL." />
   <meta name="keywords"
-    content="portfolio builder, resume to portfolio, AI portfolio, professional portfolio, developer portfolio, career portfolio, resume parser, online portfolio, portfolio website, job portfolio" />
+    content="PortlifyAi, Portlify AI, AI portfolio builder, resume to portfolio, AI resume parser, professional portfolio, developer portfolio, online portfolio website, portfolio generator, career portfolio, job portfolio, resume portfolio maker" />
   <meta name="author" content="TechyCSR" />
   <meta name="robots" content="index, follow" />
   <meta name="language" content="English" />
   <meta name="revisit-after" content="7 days" />
-  <link rel="canonical" href="https://portlify.techycsr.dev" />
+  <link rel="canonical" href="https://portlify.techycsr.dev/" />
 
-  <!-- Favicon -->
-  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
-  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
-  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+  <!-- Favicon — all generated from portlify_clean_logo.png -->
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=2" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=2" />
+  <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png?v=2" />
+  <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512x512.png?v=2" />
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg?v=2" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2" />
+  <link rel="shortcut icon" href="/favicon-32x32.png?v=2" />
   <link rel="manifest" href="/manifest.json" />
   <meta name="theme-color" content="#5a7a9e" />
   <meta name="msapplication-TileColor" content="#5a7a9e" />
 
   <!-- Open Graph / Facebook -->
   <meta property="og:type" content="website" />
   <meta property="og:url" content="https://portlify.techycsr.dev/" />
-  <meta property="og:title" content="Portlify - AI-Powered Resume to Portfolio Builder" />
+  <meta property="og:title" content="PortlifyAi - AI-Powered Resume to Portfolio Builder" />
   <meta property="og:description"
-    content="Transform your resume into a stunning, professional portfolio in seconds. Upload your PDF, let AI extract your skills & experience, and get a shareable portfolio URL instantly." />
+    content="PortlifyAi transforms your resume into a stunning, professional portfolio in seconds. Upload PDF, DOC, or DOCX — AI extracts your skills, experience, and projects into a shareable portfolio URL." />
   <meta property="og:image" content="https://portlify.techycsr.dev/og-image.png" />
   <meta property="og:image:width" content="1200" />
   <meta property="og:image:height" content="630" />
-  <meta property="og:image:alt" content="Portlify - Transform your resume into a portfolio" />
-  <meta property="og:site_name" content="Portlify" />
+  <meta property="og:image:alt" content="PortlifyAi - Transform your resume into a portfolio" />
+  <meta property="og:site_name" content="PortlifyAi" />
   <meta property="og:locale" content="en_US" />
 
   <!-- Open Graph Video -->
@@ -49,16 +52,16 @@
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image" />
   <meta name="twitter:url" content="https://portlify.techycsr.dev/" />
-  <meta name="twitter:title" content="Portlify - AI-Powered Resume to Portfolio Builder" />
+  <meta name="twitter:title" content="PortlifyAi - AI-Powered Resume to Portfolio Builder" />
   <meta name="twitter:description"
-    content="Transform your resume into a stunning, professional portfolio in seconds. Upload your PDF, let AI extract your skills & experience, and get a shareable portfolio URL instantly." />
+    content="PortlifyAi transforms your resume into a stunning, professional portfolio in seconds. Upload PDF, DOC, or DOCX — AI extracts your skills, experience, and projects into a shareable portfolio URL." />
   <meta name="twitter:image" content="https://portlify.techycsr.dev/og-image.png" />
   <meta name="twitter:creator" content="@techycsr" />
   <meta name="twitter:site" content="@techycsr" />
 
   <!-- Additional SEO -->
-  <meta name="application-name" content="Portlify" />
-  <meta name="apple-mobile-web-app-title" content="Portlify" />
+  <meta name="application-name" content="PortlifyAi" />
+  <meta name="apple-mobile-web-app-title" content="PortlifyAi" />
   <meta name="apple-mobile-web-app-capable" content="yes" />
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
   <meta name="mobile-web-app-capable" content="yes" />
@@ -69,9 +72,10 @@
     {
       "@context": "https://schema.org",
       "@type": "WebApplication",
-      "name": "Portlify",
+      "name": "PortlifyAi",
       "url": "https://portlify.techycsr.dev",
-      "description": "AI-powered resume to portfolio builder. Transform your resume into a stunning, professional portfolio in seconds.",
+      "description": "PortlifyAi transforms your resume into a stunning, professional portfolio in seconds. Upload PDF, DOC, or DOCX — AI extracts your skills, experience, and projects into a shareable portfolio URL.",
+      "alternateName": ["Portlify AI", "Portlify", "PortlifyAi Portfolio"],
       "applicationCategory": "BusinessApplication",
       "operatingSystem": "Web",
       "offers": {
@@ -113,8 +117,8 @@
     {
       "@context": "https://schema.org",
       "@type": "VideoObject",
-      "name": "Portlify Demo — AI Resume to Portfolio Builder",
-      "description": "Watch how Portlify transforms your resume into a professional portfolio website in seconds using AI. Upload your PDF, DOC, or DOCX and get a shareable portfolio URL instantly.",
+      "name": "PortlifyAi Demo — AI Resume to Portfolio Builder",
+      "description": "Watch how PortlifyAi transforms your resume into a professional portfolio website in seconds using AI. Upload your PDF, DOC, or DOCX and get a shareable portfolio URL instantly.",
       "thumbnailUrl": "https://portlify.techycsr.dev/og-image.png",
       "uploadDate": "2026-01-15",
       "contentUrl": "https://github.com/user-attachments/assets/e36d6f10-bb27-4ae8-a2b6-81122ef85994",
@@ -147,9 +151,9 @@
   <div id="root"></div>
   <noscript>
     <div style="max-width:800px;margin:40px auto;padding:20px;font-family:system-ui,sans-serif;color:#1e293b">
-      <h1>Portlify — AI-Powered Resume to Portfolio Builder</h1>
-      <p>Transform your resume into a stunning, professional portfolio in seconds. Upload your PDF, DOC, or DOCX and let
-        AI extract your skills, experience, projects, and achievements.</p>
+      <h1>PortlifyAi — AI-Powered Resume to Portfolio Builder</h1>
+      <p>PortlifyAi transforms your resume into a stunning, professional portfolio in seconds. Upload PDF, DOC, or DOCX and
+        let AI extract your skills, experience, projects, and achievements into a shareable portfolio URL.</p>
       <h2>Features</h2>
       <ul>
         <li>Smart AI Resume Parsing — supports PDF, DOC, DOCX</li>

frontend/package-lock.json

@@ -32,10 +32,10 @@
         "eslint-plugin-react": "^7.37.0",
         "eslint-plugin-react-hooks": "^5.1.0",
         "globals": "^15.14.0",
+        "jsdom": "^25.0.0",
         "postcss": "^8.4.32",
         "tailwindcss": "^3.4.0",
         "vite": "^5.0.0",
-        "jsdom": "^25.0.0",
         "vitest": "^2.1.0"
     }
 }