Feat/upload resume

package.json

@@ -14,32 +14,33 @@
   "dependencies": {
     "clsx": "^2.1.1",
     "express": "^5.1.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "react-icons": "^5.5.0"
   },
   "devDependencies": {
-    "@types/react": "^19.1.5",
-    "@types/react-dom": "^19.1.5",
+    "@types/react": "^19.1.12",
+    "@types/react-dom": "^19.1.8",
     "@types/webpack-node-externals": "^3.0.4",
-    "cross-env": "^7.0.3",
+    "copy-webpack-plugin": "^13.0.1",
+    "cross-env": "^10.0.0",
     "css-loader": "^7.1.2",
     "css-minimizer-webpack-plugin": "^7.0.2",
     "esbuild-loader": "^4.3.0",
-    "eslint": "^9.27.0",
-    "eslint-import-resolver-typescript": "^4.3.5",
-    "eslint-plugin-import": "^2.31.0",
-    "html-webpack-plugin": "^5.6.3",
+    "eslint": "^9.34.0",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "^2.32.0",
+    "html-webpack-plugin": "^5.6.4",
     "husky": "^9.1.7",
-    "lint-staged": "^16.0.0",
-    "mini-css-extract-plugin": "^2.9.2",
-    "prettier": "^3.5.3",
+    "lint-staged": "^16.1.5",
+    "mini-css-extract-plugin": "^2.9.4",
+    "prettier": "^3.6.2",
     "style-loader": "^4.0.0",
     "ts-node": "^10.9.2",
-    "typescript-eslint": "^8.32.1",
-    "webpack": "^5.99.9",
+    "typescript-eslint": "^8.41.0",
+    "webpack": "^5.101.3",
     "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.1",
+    "webpack-dev-server": "^5.2.2",
     "webpack-merge": "^6.0.1",
     "webpack-node-externals": "^3.0.0"
   },

src/client/components/Header/index.tsx

@@ -26,7 +26,7 @@ export const Header: React.FC = () => {
             <a href='/#contact'>Contact</a>
           </li>
           <li className={styles.resume}>
-            <a href={'/'}>
+            <a target='_blank' href={'/view-resume'}>
               <Button>Resume</Button>
             </a>
           </li>

src/client/sections/Hero/hero.module.css

@@ -28,5 +28,13 @@
 }
 
 .cta {
+  display: flex;
+  gap: 24px;
   margin-top: 5rem;
+
+  button {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
 }

src/client/sections/Hero/index.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
+import { FaFilePdf, FaCalendarDay } from 'react-icons/fa6';
 
 import { Button } from 'client/components/Button';
 import { Section } from 'client/components/Section';
-import { EMAIL } from 'client/constants/email';
 
 import styles from './hero.module.css';
 
@@ -35,8 +35,19 @@ export const Hero: React.FC = () => {
         experiences.
       </p>
       <div className={styles.cta}>
-        <a href={`mailto:${EMAIL}`}>
-          <Button>Hire me now!</Button>
+        <a
+          target='_blank'
+          href={`https://calendar.app.google/Y9YYqtbuNvyVskWf8`}
+        >
+          <Button>
+            <FaCalendarDay />
+            <span>Let's meet!</span>
+          </Button>
+        </a>
+        <a target='_blank' href={`/view-resume`}>
+          <Button>
+            <FaFilePdf /> <span>Download resume</span>
+          </Button>
         </a>
       </div>
     </Section>

src/server/index.ts

@@ -1,3 +1,4 @@
+import fs from 'node:fs';
 import path from 'node:path';
 
 import express, { type Request, type Response } from 'express';
@@ -8,6 +9,20 @@ const app = express();
 
 const STATIC_DIR = path.join(process.cwd(), 'build', 'client');
 
+app.get('/view-resume', (req: Request, res: Response) => {
+  res.setHeader(
+    'Content-Disposition',
+    'attachment; filename="Kalkutin E.K - Certified Developer.pdf"',
+  );
+  res.setHeader('Content-Type', 'application/pdf');
+
+  const fstream = fs.createReadStream(
+    path.join(STATIC_DIR, 'assets', 'files', 'resume.pdf'),
+  );
+
+  fstream.pipe(res);
+});
+
 app.use(express.static(STATIC_DIR, { index: false }));
 app.use((request: Request, response: Response) => {
   const html = render();

webpack.base.ts

@@ -1,8 +1,9 @@
 import path from 'node:path';
 
-import { Configuration } from 'webpack';
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
+import CopyPlugin from 'copy-webpack-plugin';
 import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
+import MiniCssExtractPlugin from 'mini-css-extract-plugin';
+import { Configuration } from 'webpack';
 
 const isProduction = process.env.NODE_ENV === 'production';
 
@@ -69,6 +70,14 @@ const configuration: Configuration = {
       filename: '[name].css',
       chunkFilename: '[id].css',
     }),
+    new CopyPlugin({
+      patterns: [
+        {
+          from: 'public/files',
+          to: path.join(process.cwd(), 'build', 'client', 'assets', 'files'),
+        },
+      ],
+    }),
   ],
   resolve: {
     extensions: ['.ts', '.tsx', '.js'],