From 9406ee171e009ba27415f4cfacfb8965777dd780 Mon Sep 17 00:00:00 2001
From: Rishu
Date: Sat, 14 Oct 2023 22:01:33 +0530
Subject: [PATCH] feat: tools icons
---
package-lock.json | 6 +-
src/App.jsx | 100 ++++++++++--------
src/assets/index.js | 10 ++
src/assets/logos/express_logo.png | Bin 0 -> 21678 bytes
src/assets/logos/figma_logo.png | Bin 0 -> 18731 bytes
src/assets/logos/javascript_logo.png | Bin 0 -> 14606 bytes
src/assets/logos/mongodb_logo.png | Bin 0 -> 14996 bytes
src/assets/logos/nextjs-icon.png | Bin 0 -> 2240 bytes
src/assets/logos/nodejs-1-logo-svg-vector.svg | 1 +
src/assets/logos/react_logo.png | Bin 0 -> 24619 bytes
src/components/Project.jsx | 7 +-
11 files changed, 75 insertions(+), 49 deletions(-)
create mode 100644 src/assets/logos/express_logo.png
create mode 100644 src/assets/logos/figma_logo.png
create mode 100644 src/assets/logos/javascript_logo.png
create mode 100644 src/assets/logos/mongodb_logo.png
create mode 100644 src/assets/logos/nextjs-icon.png
create mode 100644 src/assets/logos/nodejs-1-logo-svg-vector.svg
create mode 100644 src/assets/logos/react_logo.png
diff --git a/package-lock.json b/package-lock.json
index a35a1ed..33f0d4a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1859,9 +1859,9 @@
}
},
"node_modules/caniuse-lite": {
- "version": "1.0.30001482",
- "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001482.tgz",
- "integrity": "sha512-F1ZInsg53cegyjroxLNW9DmrEQ1SuGRTO1QlpA0o2/6OpQ0gFeDRoq1yFmnr8Sakn9qwwt9DmbxHB6w167OSuQ==",
+ "version": "1.0.30001549",
+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001549.tgz",
+ "integrity": "sha512-qRp48dPYSCYaP+KurZLhDYdVE+yEyht/3NlmcJgVQ2VMGt6JL36ndQ/7rgspdZsJuxDPFIo/OzBT2+GmIJ53BA==",
"dev": true,
"funding": [
{
diff --git a/src/App.jsx b/src/App.jsx
index c8249ca..4ffe2c2 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,5 +1,5 @@
import React from "react";
-import { useState, useEffect } from "react";
+import { useState } from "react";
import Typed from "typed.js";
import { BsFillMoonStarsFill, BsFillSunFill } from "react-icons/bs";
import {
@@ -9,9 +9,6 @@ import {
} from "react-icons/ai";
import {
photo,
- myPhoto,
- consulting,
- code,
botImage,
bmcbuttonwhite,
buyMeACoffee,
@@ -19,10 +16,16 @@ import {
resume,
imagenationLogo,
portPhoto,
+ NodeJS,
+ NextJS,
+ MongoDB,
+ ReactJS,
+ ExpressJS,
+ Figma,
+ JavaScript
} from "./assets";
import {
Project,
- Service,
Coffee,
QRcode,
DesignParticles,
@@ -59,9 +62,36 @@ const App = () => {
};
}, []);
- const designTools = ["Figma", "Adobe XD", "Adobe Illustrator"];
- const codeTools = ["React", "Node", "Express", "MongoDB", "Firebase"];
- const consultingTools = ["Google Docs", "Google Sheets", "Google Slides"];
+ const tools = [
+ {
+ name: "Node.js",
+ image: NodeJS,
+ },
+ {
+ name: "Next.js",
+ image: NextJS,
+ },
+ {
+ name: "MongoDB",
+ image: MongoDB,
+ },
+ {
+ name: "React.js",
+ image: ReactJS,
+ },
+ {
+ name: "Express.js",
+ image: ExpressJS,
+ },
+ {
+ name: "Figma",
+ image: Figma,
+ },
+ {
+ name: "JavaScript",
+ image: JavaScript,
+ },
+ ]
return (
@@ -92,6 +122,7 @@ const App = () => {
{
@@ -144,8 +176,8 @@ const App = () => {
setOver(true)}
- // onMouseOut={() => setOver(false)}
+ // onMouseOver={() => setOver(true)}
+ // onMouseOut={() => setOver(false)}
/>
@@ -162,36 +194,20 @@ const App = () => {
from the feedback section below.
-