taqi/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frontend: add current workplace and update skills

Browse Source
This commit is contained in:
Taqi Tahmid
2024-11-02 09:13:27 +02:00
parent 95ef362131
commit 731d943997
5 changed files with 71 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -10,5 +10,5 @@ docker tag my-portfolio-app:latest registry.tahmidcloud.com/my-portfolio-app:lat
docker push registry.tahmidcloud.com/my-portfolio-app:latest docker push registry.tahmidcloud.com/my-portfolio-app:latest
# Check the registry # Check the registry
curl -u user:pass http://192.168.1.142:5000/v2/_catalog curl -u user:pass https://registry.tahmidcloud.com/v2/_catalog
``` ```

6
frontend/src/assets/react (1).svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 7.7 KiB

2
frontend/src/assets/robotframework-svgrepo-com.svg Normal file
View File

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title>file_type_robotframework</title><circle cx="16" cy="16" r="14" style="fill:#fff"/><path d="M10.387,14.6a2.727,2.727,0,0,1,5.453,0,.99.99,0,1,1-1.98,0,.746.746,0,0,0-1.492,0,.99.99,0,1,1-1.98,0m11.3,4.586a.991.991,0,0,1-.992.992H11.508a.992.992,0,0,1,0-1.984h9.184a.994.994,0,0,1,.992.992M17.391,15.16a.992.992,0,0,1,.27-1.375l2.293-1.551a.989.989,0,1,1,1.109,1.637l-2.3,1.551a.965.965,0,0,1-.551.172.994.994,0,0,1-.824-.434m6.289,6.094a.707.707,0,0,1-.207.5l-1.707,1.707a.707.707,0,0,1-.5.207H10.8a.707.707,0,0,1-.5-.207L8.6,21.754a.707.707,0,0,1-.207-.5V10.8a.707.707,0,0,1,.207-.5L10.3,8.594a.707.707,0,0,1,.5-.207H21.266a.707.707,0,0,1,.5.207L23.473,10.3a.707.707,0,0,1,.207.5ZM25.129,9.16,22.9,6.93A1.807,1.807,0,0,0,21.629,6.4H10.438a1.807,1.807,0,0,0-1.273.527L6.938,9.16a1.8,1.8,0,0,0-.527,1.27V21.621a1.8,1.8,0,0,0,.527,1.273l2.227,2.23a1.81,1.81,0,0,0,1.273.523H21.629a1.8,1.8,0,0,0,1.273-.523l2.227-2.23a1.784,1.784,0,0,0,.527-1.273V10.434a1.784,1.784,0,0,0-.527-1.273"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

52
frontend/src/components/Introduction.tsx
View File

@ -1,26 +1,44 @@
import { import { AiFillGithub, AiFillLinkedin } from "react-icons/ai";
AiFillGithub,
AiFillLinkedin
} from "react-icons/ai";
const Introduction = () => { const Introduction = () => {
const BoldStyle = "text-blue-900 dark:text-blue-400" const BoldStyle = "text-blue-900 dark:text-blue-400";
return ( return (
<div className="text-center p-2"> <div className="text-center p-2">
<h2 className="text-5xl text-blue-900 dark:text-blue-400 py-2 font-medium font-burtons">Taqi Tahmid</h2> <h2 className="text-5xl text-blue-900 dark:text-blue-400 py-2 font-medium font-burtons">
<h3 className="text-2xl py-2 font-burtons dark:text-blue-200">Test Automation and DevOps Engineer</h3> Taqi Tahmid
</h2>
<h3 className="text-2xl py-2 font-burtons dark:text-blue-200">
Test Automation and DevOps Engineer
</h3>
<p className="text-md py-5 leading-8 text-gray-800 dark:text-gray-300 mx-auto max-w-2xl md:text-xl"> <p className="text-md py-5 leading-8 text-gray-800 dark:text-gray-300 mx-auto max-w-2xl md:text-xl">
I am a <span className={BoldStyle}>Test Automation</span> and <span className={BoldStyle}>DevOps Engineer </span> I am a <span className={BoldStyle}>Test Automation</span> and{" "}
with a Bachelor’s from Khulna University of Engineering & Technology (KUET) and a Master’s from Tampere University. <span className={BoldStyle}>DevOps Engineer </span>
<br/><br/>I specialize in designing CI/CD pipelines and test automation for diverse applications and architectures with a Bachelor’s from Khulna University of Engineering & Technology
with four years of industry experience. (KUET) and a Master’s from Tampere University. I am currently working at
Ericsson in Finland as a DevOps Engineer.
<br />
<br />I specialize in designing CI/CD pipelines and test automation for
diverse applications and architectures with four years of industry
experience.
</p> </p>
<div className="text-5xl flex justify-center gap-16 py-3 text-blue-900"> <div className="text-5xl flex justify-center gap-16 py-3 text-blue-900">
<a href="https://www.linkedin.com/in/taqi-tahmid/" target="_blank" rel="noreferrer"><AiFillLinkedin className="hover:text-sky-600"/></a> <a
<a href="https://github.com/TheTaqiTahmid" target="_blank" rel="noreferrer"><AiFillGithub className="hover:text-sky-600"/></a> href="https://www.linkedin.com/in/taqi-tahmid/"
target="_blank"
rel="noreferrer"
>
<AiFillLinkedin className="hover:text-sky-600" />
</a>
<a
href="https://github.com/TheTaqiTahmid"
target="_blank"
rel="noreferrer"
>
<AiFillGithub className="hover:text-sky-600" />
</a>
</div> </div>
</div> </div>
) );
} };
export default Introduction export default Introduction;

65
frontend/src/components/Skills.tsx
View File

@ -1,44 +1,45 @@
import pythonIcon from "../assets/python.svg" import pythonIcon from "../assets/python.svg";
import bashIcon from "../assets/bash-icon.svg" import robotIcon from "../assets/robotframework-svgrepo-com.svg";
import goIcon from "../assets/go-original.svg" import goIcon from "../assets/go-original.svg";
import reactIcon from "../assets/react.svg" import reactIcon from "../assets/react.svg";
import ansibleIcon from "../assets/ansible.svg" import ansibleIcon from "../assets/ansible.svg";
import terraformIcon from "../assets/terraform-icon.svg" import terraformIcon from "../assets/terraform-icon.svg";
import jenkinsIcon from "../assets/jenkins.svg" import jenkinsIcon from "../assets/jenkins.svg";
import gitIcon from "../assets/git-icon.svg" import gitIcon from "../assets/git-icon.svg";
import dockerIcon from "../assets/docker-icon.svg" import dockerIcon from "../assets/docker-icon.svg";
import kubernetesIcon from "../assets/kubernetes.svg" import kubernetesIcon from "../assets/kubernetes.svg";
import prometheusIcon from "../assets/prometheus.svg" import prometheusIcon from "../assets/prometheus.svg";
import grafanaIcon from "../assets/grafana.svg" import grafanaIcon from "../assets/grafana.svg";
const Skills = () => { const Skills = () => {
const skills = [ const skills = [
{ name: 'Python', icon: pythonIcon}, { name: "Python", icon: pythonIcon },
{ name: 'Golang', icon: goIcon }, { name: "Golang", icon: goIcon },
{ name: 'React', icon: reactIcon }, { name: "React", icon: reactIcon },
{ name: 'Bash', icon: bashIcon}, { name: "Robot Framework", icon: robotIcon },
{ name: 'Ansible', icon: ansibleIcon}, { name: "Ansible", icon: ansibleIcon },
{ name: 'Terraform', icon: terraformIcon }, { name: "Terraform", icon: terraformIcon },
{ name: 'Jenkins', icon: jenkinsIcon}, { name: "Jenkins", icon: jenkinsIcon },
{ name: 'Git', icon: gitIcon}, { name: "Git", icon: gitIcon },
{ name: 'Docker', icon: dockerIcon }, { name: "Docker", icon: dockerIcon },
{ name: 'Kubernetes', icon: kubernetesIcon}, { name: "Kubernetes", icon: kubernetesIcon },
{ name: 'Prometheus', icon: prometheusIcon}, { name: "Prometheus", icon: prometheusIcon },
{ name: 'Grafana', icon: grafanaIcon}, { name: "Grafana", icon: grafanaIcon },
]; ];
return ( return (
<div> <div>
<h1 className="text-2xl py-5 font-burtons dark:text-blue-200">Tools and Languages</h1> <h1 className="text-2xl py-5 font-burtons dark:text-blue-200">
<div className="grid grid-cols-4 gap-6 text-md py-5 leading-8 text-gray-800 dark:text-gray-300 mx-auto max-w-2xl md:text-xl"> Tools and Languages
</h1>
<div className="grid grid-cols-4 gap-6 text-md py-5 leading-8 text-gray-800 dark:text-gray-300 mx-auto max-w-2xl md:text-xl">
{skills.map((skill) => ( {skills.map((skill) => (
<div key={skill.name} className="flex flex-col items-center"> <div key={skill.name} className="flex flex-col items-center">
<img src={skill.icon} alt={skill.name} className="h-10 w-10" /> <img src={skill.icon} alt={skill.name} className="h-10 w-10" />
<p className="mt-2 text-center">{skill.name}</p> <p className="mt-2 text-center">{skill.name}</p>
</div> </div>
))} ))}
</div> </div>
</div> </div>
); );
}; };