Merge pull request #66 from sanidhyy/typescript

Typescript added to project
sanidhyy · Jan 28, 2024 · 4554513 · 4554513
2 parents 672f64a + c543412
commit 4554513
Show file tree

Hide file tree

Showing 53 changed files with 817 additions and 598 deletions.
diff --git a/.gitignore b/.gitignore
@@ -7,6 +7,9 @@ yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 
+# TS Build Info
+tsconfig.tsbuildinfo
+
 node_modules
 dist
 dist-ssr

diff --git a/index.html b/index.html
@@ -1,13 +1,48 @@
 <!doctype html>
 <html lang="en">
   <head>
+    <!-- UTF-8 Support -->
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/logo.svg" />
+    <!-- IE Compatibility -->
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <!-- Viewport -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!-- Theme Color -->
+    <meta name="theme-color" content="#050816" />
+    <!-- Description -->
+    <meta
+      name="description"
+      content="React JS Modern 3D Portfolio using Three.js"
+    />
+    <!-- Keywords -->
+    <meta
+      name="keywords"
+      content="reactjs, react, porfolio-app, three-js, modern-ui/ux, js, javascript, html, css, tailwindcss"
+    />
+    <!-- Author -->
+    <meta name="author" content="Sanidhya Kr. Verma" />
+    <link rel="author" href="https://github.com/sanidhyy" />
+
+    <!-- Icon -->
+    <link rel="icon" type="image/svg+xml" href="/favicon.ico" sizes="any" />
+    <link rel="icon" href="/favicon16.png" type="image/png" sizes="16x16" />
+    <link rel="icon" href="/favicon32.png" type="image/png" sizes="32x32" />
+    <link
+      rel="apple-touch-icon"
+      href="/apple-touch-icon.png"
+      type="image/png"
+      sizes="180x180"
+    />
+
+    <!-- Color Schema -->
+    <meta name="color-scheme" content="dark" />
+
+    <!-- Title -->
     <title>Shubham | Portfolio</title>
   </head>
   <body>
+    <noscript></noscript>
     <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
+    <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,9 +1,12 @@
 {
   "name": "3d-portfolio",
+  "version": "1.1.0",
   "private": true,
-  "version": "0.0.0",
-  "license": "MIT",
-  "author": "Sanidhya Kr. Verma",
+  "author": {
+    "name": "Sanidhya Kumar Verma",
+    "email": "[email protected]",
+    "url": "https://github.com/sanidhyy"
+  },
   "description": "React JS Modern 3D Portfolio using Three.js",
   "keywords": [
     "reactjs",
@@ -17,11 +20,32 @@
     "css",
     "tailwindcss"
   ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sanidhyy/3d-portfolio.git"
+  },
+  "homepage": "https://github.com/sanidhyy/3d-portfolio#readme",
+  "bugs": {
+    "url": "https://github.com/sanidhyy/3d-portfolio/issues",
+    "email": "[email protected]"
+  },
+  "funding": [
+    {
+      "type": "patreon",
+      "url": "https://www.patreon.com/sanidhy"
+    },
+    {
+      "type": "Buy me a coffee",
+      "url": "https://www.buymeacoffee.com/sanidhy"
+    }
+  ],
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "check-types": "tsc --noEmit"
   },
   "dependencies": {
     "@emailjs/browser": "^3.11.0",
@@ -41,11 +65,14 @@
   },
   "devDependencies": {
     "@types/react": "^18.2.48",
-    "@types/react-dom": "^18.2.6",
+    "@types/react-dom": "^18.2.18",
+    "@types/react-vertical-timeline-component": "^3.3.6",
+    "@types/tailwindcss": "^3.1.0",
     "@vitejs/plugin-react": "^4.0.3",
     "autoprefixer": "^10.4.17",
     "postcss": "^8.4.31",
     "tailwindcss": "^3.3.3",
+    "typescript": "^5.3.3",
     "vite": "^5.0.12"
   }
 }
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/favicon16.png b/public/favicon16.png
diff --git a/public/favicon32.png b/public/favicon32.png
diff --git a/public/logo.svg b/public/logo.svg
diff --git a/src/App.jsx → src/app.tsx b/src/App.jsx → src/app.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useState } from "react";
 import { BrowserRouter } from "react-router-dom";
 import {
   About,
@@ -11,8 +11,8 @@ import {
   Works,
   StarsCanvas,
 } from "./components";
-import Banner from "./components/Banner";
-import Footer from "./components/Footer";
+import Banner from "./components/banner";
+import Footer from "./components/footer";
 
 // App
 const App = () => {

diff --git a/src/assets/index.js → src/assets/index.ts b/src/assets/index.js → src/assets/index.ts
@@ -1,15 +1,15 @@
 // Export new images here
 // Don't remove anything from here if not sure
 
-import logo from "./logo.svg";
 import backend from "./backend.png";
+import bulb from "./bulb.svg";
+import close from "./close.svg";
 import creator from "./creator.png";
+import logo from "./logo.svg";
+import menu from "./menu.svg";
 import mobile from "./mobile.png";
-import web from "./web.png";
 import preview from "./preview.png";
-import menu from "./menu.svg";
-import close from "./close.svg";
-import bulb from "./bulb.svg";
+import web from "./web.png";
 
 import css from "./tech/css.png";
 import docker from "./tech/docker.png";
@@ -22,40 +22,40 @@ import nodejs from "./tech/nodejs.png";
 import reactjs from "./tech/reactjs.png";
 import redux from "./tech/redux.png";
 import tailwind from "./tech/tailwind.png";
-import typescript from "./tech/typescript.png";
 import threejs from "./tech/threejs.svg";
+import typescript from "./tech/typescript.png";
 
 import meta from "./company/meta.png";
 import shopify from "./company/shopify.png";
 import starbucks from "./company/starbucks.png";
 import tesla from "./company/tesla.png";
 
-import project1 from "./project1.png";
-import project2 from "./project2.png";
-import project3 from "./project3.png";
-import project4 from "./project4.png";
-import project5 from "./project5.png";
-import project6 from "./project6.png";
+import project1 from "./projects/project1.png";
+import project2 from "./projects/project2.png";
+import project3 from "./projects/project3.png";
+import project4 from "./projects/project4.png";
+import project5 from "./projects/project5.png";
+import project6 from "./projects/project6.png";
 
 import user1 from "./testimonials/user1.jpg";
 import user2 from "./testimonials/user2.jpg";
 import user3 from "./testimonials/user3.jpg";
 
 import github from "./socials/github.svg";
-import youtube from "./socials/youtube.svg";
 import linkedin from "./socials/linkedin.svg";
 import twitter from "./socials/twitter.svg";
+import youtube from "./socials/youtube.svg";
 
 export {
-  logo,
   backend,
+  bulb,
+  close,
   creator,
+  logo,
+  menu,
   mobile,
-  web,
   preview,
-  menu,
-  close,
-  bulb,
+  web,
   css,
   docker,
   figma,

diff --git a/src/assets/project1.png → src/assets/projects/project1.png b/src/assets/project1.png → src/assets/projects/project1.png
diff --git a/src/assets/project2.png → src/assets/projects/project2.png b/src/assets/project2.png → src/assets/projects/project2.png
diff --git a/src/assets/project3.png → src/assets/projects/project3.png b/src/assets/project3.png → src/assets/projects/project3.png
diff --git a/src/assets/project4.png → src/assets/projects/project4.png b/src/assets/project4.png → src/assets/projects/project4.png
diff --git a/src/assets/project5.png → src/assets/projects/project5.png b/src/assets/project5.png → src/assets/projects/project5.png
diff --git a/src/assets/project6.png → src/assets/projects/project6.png b/src/assets/project6.png → src/assets/projects/project6.png