codingcoffee/one
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: isolate fe issue

Browse source 
Signed-off-by: Ameya Shenoy <shenoy.ameya@gmail.com>
This commit is contained in:
Ameya Shenoy 2025-06-24 01:45:08 +05:30
parent 9daf23b484
commit 009f8a5745
1 changed files with 74 additions and 113 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

187
frontend/src/app/portfolio/page.tsx
View file

@ -16,80 +16,80 @@ export default async function Portfolio() {
} }
console.log(ip, isIndianVisitor); console.log(ip, isIndianVisitor);
const skillsLeft = { // const skillsLeft = {
"Programming Languages": { // "Programming Languages": {
Python: "vscode-icons:file-type-python", // Python: "vscode-icons:file-type-python",
JavaScript: "vscode-icons:file-type-js-official", // JavaScript: "vscode-icons:file-type-js-official",
TypeScript: "vscode-icons:file-type-typescript-official", // TypeScript: "vscode-icons:file-type-typescript-official",
Golang: "material-icon-theme:go", // Golang: "material-icon-theme:go",
}, // },
AI: { // AI: {
LangChain: "simple-icons:langchain", // LangChain: "simple-icons:langchain",
Livekit: "", // Livekit: "",
ElevenLabs: "simple-icons:elevenlabs", // ElevenLabs: "simple-icons:elevenlabs",
Ollama: "simple-icons:ollama", // Ollama: "simple-icons:ollama",
vllm: "", // vllm: "",
}, // },
Databases: { // Databases: {
Postgres: "devicon:postgresql", // Postgres: "devicon:postgresql",
Redis: "devicon:redis", // Redis: "devicon:redis",
ClickHouse: "devicon:clickhouse", // ClickHouse: "devicon:clickhouse",
etcd: "logos:etcd", // etcd: "logos:etcd",
Meilisearch: "logos:meilisearch", // Meilisearch: "logos:meilisearch",
Typesense: "logos:typesense-icon", // Typesense: "logos:typesense-icon",
qdrant: "logos:qdrant-icon", // qdrant: "logos:qdrant-icon",
MySQL: "logos:mysql-icon", // MySQL: "logos:mysql-icon",
}, // },
"Cloud Providers": { // "Cloud Providers": {
AWS: "logos:aws", // AWS: "logos:aws",
"Microsoft Azure": "material-icon-theme:azure", // "Microsoft Azure": "material-icon-theme:azure",
"Google Cloud Platform GCP": "material-icon-theme:gcp", // "Google Cloud Platform GCP": "material-icon-theme:gcp",
DigitalOcean: "devicon:digitalocean", // DigitalOcean: "devicon:digitalocean",
// Scaleway: "simple-icons:scaleway", // // Scaleway: "simple-icons:scaleway",
// Hetzner: "simple-icons:hetzner", // // Hetzner: "simple-icons:hetzner",
Cloudflare: "devicon:cloudflare", // Cloudflare: "devicon:cloudflare",
}, // },
}; // };
const skillsRight = { // const skillsRight = {
"Web Frameworks": { // "Web Frameworks": {
FastAPI: "devicon:fastapi", // FastAPI: "devicon:fastapi",
Django: "material-icon-theme:django", // Django: "material-icon-theme:django",
"Next.js": "devicon:nextjs", // "Next.js": "devicon:nextjs",
Flask: "simple-icons:flask", // Flask: "simple-icons:flask",
ReactJS: "material-icon-theme:react", // ReactJS: "material-icon-theme:react",
}, // },
//
DevOps: { // DevOps: {
Kubernetes: "material-icon-theme:kubernetes", // Kubernetes: "material-icon-theme:kubernetes",
Ansible: "devicon:ansible", // Ansible: "devicon:ansible",
Docker: "material-icon-theme:docker", // Docker: "material-icon-theme:docker",
// Vagrant: "material-icon-theme:vagrant", // // Vagrant: "material-icon-theme:vagrant",
// "VMware ESXi": "carbon:logo-vmware", // // "VMware ESXi": "carbon:logo-vmware",
Nomad: "devicon:nomad", // Nomad: "devicon:nomad",
Terraform: "material-icon-theme:terraform", // Terraform: "material-icon-theme:terraform",
Bash: "devicon:bash", // Bash: "devicon:bash",
// Packer: "devicon:packer", // // Packer: "devicon:packer",
// "HashiCorp Vault": "devicon:vault", // // "HashiCorp Vault": "devicon:vault",
Jenkins: "material-icon-theme:jenkins", // Jenkins: "material-icon-theme:jenkins",
// KVM: "simple-icons:qemu", // // KVM: "simple-icons:qemu",
// Nagios: null, // // Nagios: null,
Prometheus: "devicon:prometheus", // Prometheus: "devicon:prometheus",
Grafana: "devicon:grafana", // Grafana: "devicon:grafana",
// InfluxDB: "devicon:influxdb", // // InfluxDB: "devicon:influxdb",
Sentry: "material-icon-theme:sentry", // Sentry: "material-icon-theme:sentry",
Kafka: "devicon:apachekafka", // Kafka: "devicon:apachekafka",
// Selenium: "devicon:selenium", // // Selenium: "devicon:selenium",
}, // },
Robotics: { // Robotics: {
"Robot Operating System ROS": "devicon:ros", // "Robot Operating System ROS": "devicon:ros",
}, // },
"Spoken Languages": { // "Spoken Languages": {
English: "", // English: "",
Hindi: "", // Hindi: "",
Marathi: "", // Marathi: "",
Konkani: "", // Konkani: "",
}, // },
}; // };
const workExperience = [ const workExperience = [
{ {
@ -212,45 +212,6 @@ export default async function Portfolio() {
</div> </div>
))} ))}
</div> </div>
<div className="md:w-[40vw] w-[95vw] md:min-w-3xl">
<div className="text-3xl pb-10 gap-10">Key Skills</div>
<div className="grid grid-cols-1 md:grid-cols-2">
<div>
{Object.entries(skillsLeft).map(([topic, skillsMap]) => (
<div key={topic}>
<div className="text-xl pb-5">{topic}</div>
<div className="flex items-center flex-wrap pb-5 gap-2">
{Object.entries(skillsMap).map(([language, icon]) => (
<span
key={language}
className="flex items-center bg-red-50 dark:bg-red-900 px-3 py-1 rounded-full text-gray-700 dark:text-white gap-2"
>
<Icon icon={icon} className="inline-block" /> {language}
</span>
))}
</div>
</div>
))}
</div>
<div>
{Object.entries(skillsRight).map(([topic, skillsMap]) => (
<div key={topic}>
<div className="text-xl pb-5">{topic}</div>
<div className="flex items-center flex-wrap pb-5 gap-2">
{Object.entries(skillsMap).map(([language, icon]) => (
<span
key={language}
className="flex items-center bg-red-50 dark:bg-red-900 px-3 py-1 rounded-full text-gray-700 dark:text-white gap-2"
>
<Icon icon={icon} className="inline-block" /> {language}
</span>
))}
</div>
</div>
))}
</div>
</div>
</div>
</div> </div>
</main> </main>
); );