v1.0.0

.eslintrc.json

@@ -0,0 +1,24 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+  "plugins": ["@typescript-eslint", "react"],
+  "rules": {},
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  }
+}

.github/workflows/main.yml

@@ -0,0 +1,29 @@
+name: Deploy Portfolio on S3
+on:
+  push:
+    branches: [main]
+env:
+  AWS_REGION: 'eu-west-2'
+permissions:
+  id-token: write
+  contents: read
+jobs:
+  AssumeRoleAndCallIdentity:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Git clone the repository
+        uses: actions/checkout@v4
+      - name: Configure AWS Credentials
+        uses: aws-actions/configure-aws-credentials@v3
+        with:
+          role-to-assume: ${{ secrets.AWS_ROLE_TO_ASSUME }}
+          role-session-name: GitHub_to_AWS_via_FederatedOIDC
+          aws-region: ${{ env.AWS_REGION }}
+      - name: Install dependencies and build
+        env:
+          VITE_CV_PATH: ${{ secrets.VITE_CV_PATH }}
+        run: |
+          npm install
+          npm run build
+      - name: Deploy static site to S3 bucket
+        run: aws s3 sync dist/ s3://${{ secrets.S3_BUCKET_NAME }} --delete

.gitignore

@@ -1,23 +1,25 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
+# Logs
+.env
+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?

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "plugins": ["prettier-plugin-organize-imports", "prettier-plugin-tailwindcss"],
+  "singleQuote": true,
+  "printWidth": 120,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "bracketSpacing": false,
+  "semi": true
+}

README.md

@@ -1,30 +1,40 @@
-# React + TypeScript + Vite
+# My Portfolio🌟 <img align="right" src="https://github.com/enikosoft/portfolio/blob/main/images/react.svg" height="50" alt="react icon"/>
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+<br/>
+Welcome to my portfolio!👋 I'm Evgen Nikolenko, a passionate Full-stack JavaScript developer. Explore my diverse range of projects, showcasing my expertise in building responsive and dynamic web applications. Dive into my code, discover my skills, and get in touch to discuss exciting opportunities. Let's bring ideas to life through technology!💻
+<br />
+<br />
 
-Currently, two official plugins are available:
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+This repository contains code for Portfolio website created using React.
 
-## Expanding the ESLint configuration
+<img src="https://img.shields.io/badge/-React-blue" alt="react"/> &nbsp; <img src="https://img.shields.io/badge/-Typescript-blue" alt="typescript"/> &nbsp; <img src="https://img.shields.io/badge/-Tailwind-blue" alt="tailwind"/> &nbsp; <img src="https://img.shields.io/badge/-Blue/Light/Dark mode-blue" alt="Light/Dark mode"/> &nbsp; <img src="https://img.shields.io/badge/-Minimalistic-blue" alt="minimalistic"/> &nbsp; <img src="https://img.shields.io/badge/-Responsice-blue" alt="responsice"/>
 
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+## Demo 🎥
 
-- Configure the top-level `parserOptions` property like this:
+Check live demonstration <a href="https://portfolio.enikosoft.com/"><strong>here</strong></a>
 
-```js
-export default {
-  // other rules...
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json'],
-    tsconfigRootDir: __dirname,
-  },
-}
-```
 
-- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
-- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+## Images of The Portfolio Website:
+![React Portfolio Website](https://github.com/enikosoft/portfolio/blob/main/images/Screen1.png)
+![React Portfolio Website](https://github.com/enikosoft/portfolio/blob/main/images/Screen2.png)
+![React Portfolio Website](https://github.com/enikosoft/portfolio/blob/main/images/Mob1.png)
+![React Portfolio Website](https://github.com/enikosoft/portfolio/blob/main/images/Mob2.png)
+
+## Sections :bookmark:
+
+- Home Page
+- About Me
+- Skills
+- My Projects
+- Contact information
+
+## Run Locally
+Run this command 
+- ``git clone https://github.com/enikosoft/portfolio.git``
+- ``npm install``
+- ``npm run dev``
+<p>You are now in the dev environment and you can play around
+
+## 🌱 Contribution
+If you have any suggestions on what to improve in Reactfolio and would like to share them, feel free to leave an issue or fork project to implement your own ideas

amplify.yml

@@ -0,0 +1,13 @@
+version: 1
+frontend:
+  phases:
+    preBuild:
+      commands:
+        - npm install
+    build:
+      commands:
+        - npm run build
+  artifacts:
+    baseDirectory: dist
+    files:
+      - '**/*'