diff --git a/.vscode/settings.json b/.vscode/settings.json
index 86b891b..9f5b83b 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -3,6 +3,6 @@
"editor.formatOnSave": true,
"eslint.alwaysShowStatus": true,
"editor.codeActionsOnSave": {
- "source.fixAll.eslint": true
+ "source.fixAll.eslint": "explicit"
}
}
diff --git a/src/Constants/index.tsx b/src/Constants/index.tsx
index 59c5188..6f1de94 100644
--- a/src/Constants/index.tsx
+++ b/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'
];
diff --git a/src/Pages/AboutMe/AboutMe.module.scss b/src/Pages/AboutMe/AboutMe.module.scss
index 0701848..085b045 100644
--- a/src/Pages/AboutMe/AboutMe.module.scss
+++ b/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);
diff --git a/src/Pages/AboutMe/tools.ts b/src/Pages/AboutMe/tools.ts
index 918cc82..deb4795 100644
--- a/src/Pages/AboutMe/tools.ts
+++ b/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' }
];
diff --git a/src/assets/icons/angular.svg b/src/assets/icons/angular.svg
new file mode 100644
index 0000000..468c4ba
--- /dev/null
+++ b/src/assets/icons/angular.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/auth0.svg b/src/assets/icons/auth0.svg
new file mode 100644
index 0000000..9bf4479
--- /dev/null
+++ b/src/assets/icons/auth0.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/docker.svg b/src/assets/icons/docker.svg
new file mode 100644
index 0000000..2e59ee7
--- /dev/null
+++ b/src/assets/icons/docker.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/gitlab.svg b/src/assets/icons/gitlab.svg
new file mode 100644
index 0000000..ab63afd
--- /dev/null
+++ b/src/assets/icons/gitlab.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/google.svg b/src/assets/icons/google.svg
new file mode 100644
index 0000000..519fe65
--- /dev/null
+++ b/src/assets/icons/google.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/mongodb.svg b/src/assets/icons/mongodb.svg
new file mode 100644
index 0000000..764ccf5
--- /dev/null
+++ b/src/assets/icons/mongodb.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/mysql.svg b/src/assets/icons/mysql.svg
new file mode 100644
index 0000000..8611de9
--- /dev/null
+++ b/src/assets/icons/mysql.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/openai.svg b/src/assets/icons/openai.svg
new file mode 100644
index 0000000..de2b580
--- /dev/null
+++ b/src/assets/icons/openai.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/postgresql.svg b/src/assets/icons/postgresql.svg
new file mode 100644
index 0000000..4a770c1
--- /dev/null
+++ b/src/assets/icons/postgresql.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/prisma.svg b/src/assets/icons/prisma.svg
new file mode 100644
index 0000000..03232db
--- /dev/null
+++ b/src/assets/icons/prisma.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/vercel.svg b/src/assets/icons/vercel.svg
new file mode 100644
index 0000000..6637ee4
--- /dev/null
+++ b/src/assets/icons/vercel.svg
@@ -0,0 +1 @@
+
\ No newline at end of file