to run the automation in termical run the following commands:

cd portfolio/my-mobile-web-app npm run dev navigate to browser : http://localhost:5173

########################################################################################

sv

Everything you need to build a Svelte project, powered by sv.

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project
npx sv create my-app

To recreate this project with the same configuration:

# recreate this project
npx sv@0.12.7 create --template minimal --types ts --install npm my-mobile-web-app

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

########################################################################################

🎨 Updating Skills in the Portfolio

Adding a new skill to the portfolio is intentionally simple. Just follow these two steps and the portfolio will automatically display it with the correct icon.

🗂️ Step 1 — Add the Skill to the Database

Using the Admin Portal, create a new skill entry in the Supabase data.json structure.

Organize the skill under the appropriate category (Programming Languages, Cloud, Automation, Databases, etc.) so it appears in the correct section of the portfolio.

---

🖼️ Step 2 — Add the Skill Icon

Place the corresponding PNG icon inside:

Projects/portfolio/static/img/skills/

📌 Image Naming Convention

The image filename must exactly match the skill name, following these rules:

• Convert everything to lowercase
• Replace spaces with _
• Replace special characters (-, /, &, ., +, etc.) with _
• Remove duplicate underscores if they occur
• Use the .png extension

✅ Examples

Skill Name	Image Name
Java	java.png
Azure DevOps	azure_devops.png
AWS S3	aws_s3.png
MS SQL Server	ms_sql_server.png
END-To-END Integration	end_to_end_integration.png
CI/CD Integration	ci_cd_integration.png
REST Assured	rest_assured.png
Node.js	node_js.png
C#	c_.png (or csharp.png if standardized across the project)

💡 Tip: It's recommended to use meaningful standardized names (for example, csharp.png instead of c_.png) whenever a technology contains symbols.

---

✨ That's It!

Once the skill exists in the database and its matching icon is available in the skills folder, the portfolio will automatically discover and render it—no additional code changes required.

Think of it as a plug-and-play system:

➕ Add Skill → 🖼️ Add Icon → 🚀 Refresh → 🎉 Done!

########################################################################################

check These: ✅ Force HTTPS ✅ Redirect www → root domain ✅ Verify SSL ✅ Verify automatic GitHub deployments ✅ Optimize caching and performance

#########################################################################################

Supabase Backup Cron Scheduling

Note: To edit the cron backup scheduling configuration, run the following command from the portfolio project folder:

code .github/workflows/supabase-maintenance.yml

Example:

roopesharch@Roopeshs-MacBook-Air-2 portfolio % code .github/workflows/supabase-maintenance.yml

This will open the supabase-maintenance.yml file in Visual Studio Code, where you can update the backup/cron schedule.

#########################################################################################

git add . git commit -m "Add back up" git push origin main