feat: update title and add more tech stack

.vscode/settings.json

@@ -3,6 +3,6 @@
   "editor.formatOnSave": true,
   "eslint.alwaysShowStatus": true,
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
+    "source.fixAll.eslint": "explicit"
   }
 }

src/Constants/index.tsx

@@ -19,9 +19,9 @@ export const navLinks: NavLinks[] = [
 ];
 
 export const roles: string[] = [
+  'Senior Sofware Engineer',
+  'Senior React Developer',
   'Full Stack Developer',
   'Frontend Developer',
-  'Backend Developer',
-  'Javascript Developer',
-  'React Developer'
+  'Backend Developer'
 ];

src/Pages/AboutMe/AboutMe.module.scss

@@ -32,11 +32,15 @@
       align-items: center;
       width: 100%;
       gap: 1rem;
+      flex-wrap: wrap;
 
       &_logo {
         height: 5rem;
         width: 5rem;
         transition: all 200ms linear;
+        background-color: #fff;
+        border-radius: 10px;
+        padding: 0.5rem;
 
         &:hover {
           transform: scale(1.2);

src/Pages/AboutMe/tools.ts

@@ -10,6 +10,18 @@ import vscode from 'assets/icons/vscode.svg';
 import git from 'assets/icons/git-icon.svg';
 import aws from 'assets/icons/aws-logo.svg';
 import stripe from 'assets/icons/stripe.svg';
+import prisma from 'assets/icons/prisma.svg';
+import nextjs from 'assets/icons/nextjs.svg';
+import angular from 'assets/icons/angular.svg';
+import gitlab from 'assets/icons/gitlab.svg';
+import mysql from 'assets/icons/mysql.svg';
+import postgresql from 'assets/icons/postgresql.svg';
+import docker from 'assets/icons/docker.svg';
+import openai from 'assets/icons/openai.svg';
+import google from 'assets/icons/google.svg';
+import auth0 from 'assets/icons/auth0.svg';
+import mongodb from 'assets/icons/mongodb.svg';
+import vercel from 'assets/icons/vercel.svg';
 
 export interface Tools {
   link: string;
@@ -19,8 +31,6 @@ export interface Tools {
 }
 
 export const tools: Tools[] = [
-  { link: 'https://html.com', src: html, alt: 'html5', title: 'HTML5' },
-  { link: 'https://sass-lang.com', src: sass, alt: 'sass', title: 'Sass' },
   {
     link: 'https://www.javascript.com',
     src: javascript,
@@ -37,6 +47,16 @@ export const tools: Tools[] = [
   },
   { link: 'https://nodejs.org', src: nodejs, alt: 'nodejs', title: 'Nodejs' },
   { link: 'https://reactjs.org', src: reactjs, alt: 'react', title: 'React' },
+  { link: 'https://nextjs.org/', src: nextjs, alt: 'Nextjs', title: 'Nextjs' },
+  { link: 'https://angular.io/', src: angular, alt: 'angular', title: 'angular' },
+  { link: 'https://docker.com/', src: docker, alt: 'docker', title: 'docker' },
+  { link: 'https://mongodb.com/', src: mongodb, alt: 'mongodb', title: 'mongodb' },
+  { link: 'https://www.mysql.com/', src: mysql, alt: 'mysql', title: 'mysql' },
+  { link: 'https://www.postgresql.org/', src: postgresql, alt: 'postgresql', title: 'postgresql' },
+  { link: 'https://www.prisma.io/', src: prisma, alt: 'Prisma', title: 'Prisma' },
+  { link: 'https://openai.com/', src: openai, alt: 'openai', title: 'openai' },
+  { link: 'https://html.com', src: html, alt: 'html5', title: 'HTML5' },
+  { link: 'https://sass-lang.com', src: sass, alt: 'sass', title: 'Sass' },
   { link: 'https://redux.js.org', src: redux, alt: 'redux', title: 'Redux' },
   {
     link: 'https://webpack.js.org',
@@ -46,11 +66,26 @@ export const tools: Tools[] = [
   },
   { link: 'https://code.visualstudio.com', src: vscode, alt: 'vscode', title: 'VsCode' },
   { link: 'https://git-scm.com', src: git, alt: 'git', title: 'Git' },
-  { link: 'https://aws.amazon.com', src: aws, alt: 'git', title: 'Git' },
+  { link: 'https://about.gitlab.com/', src: gitlab, alt: 'gitlab', title: 'gitlab' },
+  { link: 'https://aws.amazon.com', src: aws, alt: 'aws', title: 'aws' },
   {
     link: 'https://stripe.com',
     src: stripe,
     alt: 'stripe',
     title: 'Stripe'
-  }
+  },
+  {
+    link: 'https://www.goshippo.com/',
+    src: 'https://assets-global.website-files.com/6462967bbf70fa5b5b227351/64aeae2b3606461bdc652c3c_icon-256x256.png',
+    alt: 'goshippo',
+    title: 'goshippo'
+  },
+  { link: 'https://www.google.com/', src: google, alt: 'google', title: 'google' },
+  {
+    link: 'https://www.vercel.com/',
+    src: vercel,
+    alt: 'vercel',
+    title: 'vercel'
+  },
+  { link: 'https://www.auth0.com/', src: auth0, alt: 'auth0', title: 'auth0' }
 ];