Homework jsx+css

.github/workflows/main.yml

@@ -34,28 +34,28 @@ jobs:
       - name: Run tests and linter
         run: npm run lint && npm test
 
-      # Собираем приложение
-      - name: Build Application
-        run: npm run build
-
-      # Публикуем приложение на Github Pages
-      - name: Deploy to Github Pages
+      # # Собираем приложение
+      # - name: Build Application
+      #   run: npm run build
+
+      # # Публикуем приложение на Github Pages
+      # - name: Deploy to Github Pages
+      #   uses: JamesIves/[email protected]
+      #   with:
+      #     branch: gh-pages
+      #     folder: dist
+
+      # Собираем Storybook
+      - name: Build Storybook
+        run: npm run build-storybook
+
+      # Публикуем Storybook на Github Pages
+      - name: Deploy Storybook to Github Pages
         uses: JamesIves/[email protected]
         with:
           branch: gh-pages
-          folder: dist
-
-      #      # Собираем Storybook
-      #      - name: Build Storybook
-      #        run: npm run build-storybook
-      #
-      #      # Публикуем Storybook на Github Pages
-      #      - name: Deploy Storybook to Github Pages
-      #        uses: JamesIves/[email protected]
-      #        with:
-      #          branch: gh-pages
-      #          folder: storybook-static
-      #          commit-message: "Automatically publish Storybook"
+          folder: storybook-static
+          commit-message: "Automatically publish Storybook"
 
       # Останавливаем выполнение строго при неудачных тестах
       - name: Fail on failed tests

.storybook/main.ts

@@ -1,5 +1,5 @@
 const config = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)", "../src/**/**/*.stories.@(js|jsx|ts|tsx)"],
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",

package.json

@@ -3,10 +3,13 @@
   "version": "1.0.0",
   "description": "Start repo with required configuration",
   "main": "src/index.tsx",
-  "author": "Igor <[email protected]>",
+  "author": "Ivan <[email protected]>",
+  "homepage": "https://ivandetch.github.io",
   "scripts": {
     "start": "webpack serve --mode development",
     "build": "webpack --mode production",
+    "predeploy": "npm run build-storybook",
+    "deploy": "npx gh-pages -d storybook-static",
     "test": "jest src",
     "lint": "eslint src --fix",
     "storybook": "storybook dev -p 6006",
@@ -46,6 +49,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.8.0",
     "fork-ts-checker-webpack-plugin": "^8.0.0",
+    "gh-pages": "^6.3.0",
     "html-webpack-plugin": "^5.5.1",
     "husky": "^8.0.0",
     "jest": "^29.5.0",

src/app/App.css

@@ -28,6 +28,13 @@
     color: #61dafb;
 }
 
+.App-body {
+    margin: 0 5%;
+}
+.App-body p {
+    text-align: justify;
+}
+
 @keyframes App-logo-spin {
     from {
         transform: rotate(0deg);

src/app/App.tsx

@@ -7,9 +7,35 @@ function App() {
     <div className="App">
       <header className="App-header">
         <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Текст писать тут
-        </p>
+        <div className='App-body'>
+          <h1>Иван Комраков</h1>
+          <p>
+            <strong>Цель: </strong>
+            <span>Хочу приобрести/структурировать новые знания и навыки о React, чтобы применить их на работе.</span>
+          </p>
+          <p>
+            <strong>Технологии: </strong>
+            <ul>
+              <li>JavaScript (ES6), jQuery, HTML, CSS3 (препроцессоры SCSS/SASS), Bootstrap, PHP 7.3+, Laravel 8+ .</li>
+              <li>Частичная работа с React 18, Node.js.</li>
+              <li>Rest API.</li>
+              <li>Сборщики: Laravel mix. React vite/WebPack .</li>
+              <li>Composer, NPM, Kubernets, Docker.</li>
+              <li>SQL(MySQL,MariaDB), MongoDB.</li>
+              <li>Git, GitLab, GitLab CI/CD.</li>
+              <li>CMS WordPress.</li>
+              <li>Figma, Jira.</li>
+            </ul>
+          </p>
+          <p>
+            <strong>Опыт: </strong>
+            <span>Имею опыт работы в области веб-разработки (профессиональный опыт 7 лет), обладаю знаниями и навыками верстки, Frontend и Backend-технологий.</span>
+          </p>
+          <p>
+          <strong>Контакты: </strong>
+          <span>[email protected]</span>
+          </p>
+        </div>
       </header>
     </div>
   );