Merge pull request #20 from tyom/dev

Seasonal update

.env.example

@@ -1,3 +1 @@
-PUBLIC_GA_MEASUREMENT_ID=G-XXXXXXXXXX
-PUBLIC_CLARITY_ID=''
-PUBLIC_DISABLE_ANALYTICS=0
+PUBLIC_POSTHOG_API_KEY=

.github/workflows/build.yaml

@@ -6,7 +6,6 @@ on:
 
 env:
   FORCE_COLOR: 3
-  PUBLIC_DISABLE_ANALYTICS: ''
 
 jobs:
   build:
@@ -32,5 +31,4 @@ jobs:
       - name: Build app and generate PDF
         run: pnpm predeploy
         env:
-          PUBLIC_GA_MEASUREMENT_ID: ${{ vars.PUBLIC_GA_MEASUREMENT_ID }}
-          PUBLIC_CLARITY_ID: ${{ vars.PUBLIC_CLARITY_ID }}
+          PUBLIC_POSTHOG_PROJECT_API_KEY: ${{ vars.PUBLIC_POSTHOG_PROJECT_API_KEY }}

.github/workflows/deploy.yaml

@@ -6,7 +6,6 @@ on:
 
 env:
   FORCE_COLOR: 3
-  PUBLIC_DISABLE_ANALYTICS: ''
 
 jobs:
   deploy:
@@ -32,8 +31,7 @@ jobs:
       - name: Build app and generate PDF
         run: pnpm predeploy
         env:
-          PUBLIC_GA_MEASUREMENT_ID: ${{ vars.PUBLIC_GA_MEASUREMENT_ID }}
-          PUBLIC_CLARITY_ID: ${{ vars.PUBLIC_CLARITY_ID }}
+          PUBLIC_POSTHOG_PROJECT_API_KEY: ${{ vars.PUBLIC_POSTHOG_PROJECT_API_KEY }}
 
       - name: Deploy to GH Pages
         uses: peaceiris/actions-gh-pages@v3

.storybook/UnoPreflightStylesDecorator.svelte

@@ -0,0 +1,4 @@
+<slot />
+
+<!--Inject preflight styles from unocss.config.ts -->
+<style uno-preflights></style>

.storybook/main.js

@@ -1,7 +1,6 @@
-import path from 'path';
+import path from 'node:path';
 import { mergeConfig, searchForWorkspaceRoot } from 'vite';
 import Icons from 'unplugin-icons/vite';
-import Unocss from 'unocss/vite';
 
 function workaroundSvelteDocgenPluginConflictWithUnpluginIcons(config) {
   const [_internalPlugins, ...userPlugins] = config.plugins;
@@ -44,7 +43,6 @@ export default {
     return mergeConfig(config, {
       define: { 'process.env': {} },
       plugins: [
-        Unocss(),
         Icons({
           compiler: 'none',
         }),

.storybook/preview.js

@@ -1,3 +1,5 @@
+import UnoPreflightStylesDecorator from './UnoPreflightStylesDecorator.svelte';
 import '@unocss/reset/tailwind.css';
-import 'uno.css';
 import '$src/global.css';
+
+export const decorators = [() => UnoPreflightStylesDecorator];

README.md

@@ -64,8 +64,8 @@ The static site is deployed to GH Pages. To deploy manually (this also runs pred
 
 ## Environment variables
 
-| Variable                 | Description                            |
-| :----------------------- | :------------------------------------- |
-| GIT_USER_EMAIL           | Git user email for pushing to GH pages |
-| GIT_USER_NAME            | Git user name for pushing to GH pages  |
-| PUBLIC_GA_MEASUREMENT_ID | Google Analytics measuremet ID         |
+| Variable                       | Description                            |
+| :----------------------------- | :------------------------------------- |
+| GIT_USER_EMAIL                 | Git user email for pushing to GH pages |
+| GIT_USER_NAME                  | Git user name for pushing to GH pages  |
+| PUBLIC_POSTHOG_PROJECT_API_KEY | Project ID key for PostHog             |

data/about.yaml

@@ -1,5 +1,5 @@
 name: Tyom Semonov
-title: Frontend Developer
+title: UI Developer
 description: Experienced frontend developer based in London.
 
 contact:
@@ -15,7 +15,7 @@ social:
     url: https://linkedin.com/in/tyoms
 
 details: !md |
-  Dedicated web developer with 17+ years of expertise in crafting responsive websites and applications tailored
+  Dedicated web developer with 20 years of expertise in crafting responsive websites and applications tailored
   for a variety of devices and platforms.
 
   Inherently curious, I continuously seek new learning opportunities and love to experiment. I pride myself on
@@ -26,16 +26,16 @@ coreSkills:
   - JavaScript/TypeScript
   - HTML5/CSS/PostCSS
   - Node.js/Express
-  - Webpack/Rollup/Vite/Expo
-  - React/Preact/Next.js/React Native
+  - Webpack/Rollup/Vite
+  - React/Next.js/React Native/Expo
   - Vue.js/Nuxt.js
   - Accessibility
   - Git/GitHub
   - CircleCI/GitHub Actions
 
 currentInterests:
   - React
-  - React Native
+  - React Native/Expo
   - Svelte/SvelteKit
-  - Tailwind CSS/UnoCSS
+  - Tailwind CSS
   - Mapbox GL JS

data/definitions.yaml

@@ -309,3 +309,15 @@
 - name: Microsoft Azure
   url: https://azure.microsoft.com/
   wikipedia: Microsoft_Azure
+- name: React Query
+  url: https://react-query.tanstack.com/
+  description: TanStack Query (FKA React Query) is often described as the missing data-fetching library for web applications, but in more technical terms, it makes fetching, caching, synchronizing and updating server state in your web applications a breeze.
+- name: Maestro
+  url: https://maestro.mobile.dev
+  description: Maestro is a UI testing framework for mobile apps. Maestro is built on learnings from its predecessors (Appium, Espresso, UIAutomator, XCTest) and allows you to easily define and test your Flows.
+- name: MongoDB Realm
+  url: https://www.mongodb.com/developer/products/realm/
+  wikipedia: Realm_(database)
+- name: Figma
+  url: https://www.figma.com/
+  wikipedia: Figma

data/experience.yaml

@@ -1,3 +1,30 @@
+- name: Treecard
+  role: React Native Developer
+  isContractor: true
+  start:
+    month: March
+    year: 2024
+  end:
+    month: July
+    year: 2024
+  description: !md |
+    Joined the team of developers responsible for the development of a fully-featured email client mobile app. Lead the
+    development of the colour system and consulted on the development of the design system for the app, working alongside
+    the design team. Implemented the design token pipeline from Figma into the React Native app.
+    Worked on the development of the new features and bug fixes for the app.
+
+  technologies:
+    - TypeScript
+    - React Native
+    - React Query
+    - Jest
+    - Storybook
+    - MSW
+    - Maestro
+    - Sentry
+    - MongoDB Realm
+    - Figma
+
 - name: Aviva (via AND Digital)
   role: React Native Developer
   isContractor: true
@@ -15,10 +42,10 @@
     and Expo and improved the system of icons management across the app.
 
   technologies:
-    - TypeScript:
-        - React Native
-        - Expo
-        - Jest
+    - TypeScript
+    - React Native
+    - Expo
+    - Jest
     - Microsoft Azure
 
 - name: Adaptive Financial Consulting

package.json

@@ -19,45 +19,41 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@unocss/reset": "^0.58.3",
-    "date-fns": "^3.0.6",
-    "dotenv": "^16.3.1",
-    "glob": "^10.3.10",
+    "@popperjs/core": "^2.11.8",
+    "@unocss/reset": "^0.61.5",
+    "date-fns": "^3.6.0",
+    "dotenv": "^16.4.5",
+    "glob": "^11.0.0",
     "is-plain-object": "^5.0.0",
     "js-yaml": "^4.1.0",
-    "markdown-it": "^14.0.0",
-    "playwright": "^1.40.1",
-    "popper.js": "1.16.1",
-    "unplugin-icons": "^0.18.1"
+    "markdown-it": "^14.1.0",
+    "playwright": "^1.45.3",
+    "posthog-js": "^1.149.1",
+    "unplugin-icons": "^0.19.0"
   },
   "devDependencies": {
-    "@iconify/json": "^2.2.164",
-    "@playwright/test": "^1.40.1",
-    "@storybook/addon-essentials": "^7.6.7",
-    "@storybook/svelte": "^7.6.7",
-    "@storybook/sveltekit": "^7.6.7",
-    "@sveltejs/adapter-static": "^3.0.1",
-    "@sveltejs/kit": "^2.0.6",
-    "@sveltejs/vite-plugin-svelte": "^3.0.1",
-    "@unocss/preset-icons": "^0.58.3",
-    "@unocss/svelte-scoped": "^0.58.3",
+    "@iconify/json": "^2.2.230",
+    "@playwright/test": "^1.45.3",
+    "@storybook/addon-essentials": "^8.2.6",
+    "@storybook/svelte": "^8.2.6",
+    "@storybook/sveltekit": "^8.2.6",
+    "@sveltejs/adapter-static": "^3.0.2",
+    "@sveltejs/kit": "^2.5.18",
+    "@sveltejs/vite-plugin-svelte": "^3.1.1",
+    "@unocss/preset-icons": "^0.61.5",
+    "@unocss/svelte-scoped": "^0.61.5",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-storybook": "^0.6.15",
-    "eslint-plugin-svelte": "^2.35.1",
+    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-svelte": "^2.43.0",
     "gh-pages": "4.0.0",
-    "prettier": "^3.1.1",
-    "prettier-plugin-svelte": "^3.1.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "storybook": "^7.6.7",
-    "svelte": "^4.2.8",
-    "svelte-loader": "^3.1.9",
-    "svelte-preprocess": "^5.1.3",
-    "tree-kill": "^1.2.2",
-    "tslib": "^2.6.2",
-    "typescript": "^5.3.3",
-    "unocss": "^0.58.3",
-    "vite": "^5.0.10"
+    "prettier": "^3.3.3",
+    "prettier-plugin-svelte": "^3.2.6",
+    "storybook": "^8.2.6",
+    "svelte": "^4.2.18",
+    "svelte-loader": "^3.2.3",
+    "svelte-preprocess": "^6.0.2",
+    "unocss": "^0.61.5",
+    "vite": "^5.3.4"
   }
 }