Technigo · Martin-Joensson · Mar 25, 2024 · Mar 25, 2024 · Mar 26, 2024 · Mar 26, 2024
diff --git a/.DS_Store b/.DS_Store
diff --git a/Preview-PortfolioWebDev-Technigo.png b/Preview-PortfolioWebDev-Technigo.png
diff --git a/README.md b/README.md
@@ -1,50 +1,8 @@
-<h1 align="center">
-  <a href="">
-    <img src="/react-p.svg" alt="Project Banner Image">
-  </a>
-</h1>
+# Portfolio Project
+### The Problem
+The problem was to build a portfolio site for myself, following the provided design as close as possible.
 
-# Technigo - React Portfolio Project
+I started by making the components I thought I needed for the project. Tried to keep everything seperate to make it easier to slot in an out modules if I want to change things in the future. This means especially the CSS isn't as DRY as it could be, but that's a sacrifice I'm willing to make at this time.
 
-Congratulations on completing Sprint 2 of the boot camp! For the final phase, we will now take your skills in React to the next level by building your very own portfolio website using the concepts learned in class
-
-## Instructions
-[Check this projects instructions here](https://github.com/Technigo/project-portfolio/blob/main/instructions.md)
-
-## Set up your own version of your portfolio
-
-We will use [Vite](https://vitejs.dev/guide/) to setup our project 😉
-
-```bash
-  npm create vite@latest my-react-portfolio --template
-```
-
-#### Follow this GIF to setup your project
-
-![Alt Text](https://res.cloudinary.com/dfkxydgqg/image/upload/v1691073155/WEB/Sprint-2/week-8/vite-react_vjp0ep.gif)
-
-## Installation
-
-Use the `cd` command to move into the folder
-
-```bash
-  cd my-react-portfolio
-```
-
-Install the dependencies
-
-```bash
-  npm i
-```
-
-Open the project in a separate VS Code editor
-
-```bash
-  code .
-```
-
-Open up a terminal inside VS code and lets run the project in a local environment
-
-```bash
-  npm run dev
-```
+### View it live
+https://martin-joensson-portfolio.netlify.app/
diff --git a/custom-images.md b/custom-images.md
diff --git a/instructions.md b/instructions.md
diff --git a/my-portfolio/.eslintrc.cjs b/my-portfolio/.eslintrc.cjs
@@ -0,0 +1,21 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react/jsx-runtime',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  settings: { react: { version: '18.2' } },
+  plugins: ['react-refresh'],
+  rules: {
+    'react/jsx-no-target-blank': 'off',
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}
diff --git a/my-portfolio/.gitignore b/my-portfolio/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/my-portfolio/README.md b/my-portfolio/README.md
@@ -0,0 +1,8 @@
+# Portfolio Project
+### The Problem
+The problem was to build a portfolio site for myself, following the provided design as close as possible.
+
+I started by making the components I thought I needed for the project. Tried to keep everything seperate to make it easier to slot in an out modules if I want to change things in the future. This means especially the CSS isn't as DRY as it could be, but that's a sacrifice I'm willing to make at this time.
+
+### View it live
+https://martin-joensson-portfolio.netlify.app/
diff --git a/my-portfolio/index.html b/my-portfolio/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/raglan-purple-grey-round2.png" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
+      rel="stylesheet"
+    />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Martin Jönsson Portfolio</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>