2 days - improves and adding first products to datebase

Author: dawidolko

CNAME.md

@@ -0,0 +1,59 @@
+## 1. Usuń wpis o własnej domenie w GitHub Pages
+
+1. Przejdź do **Settings** → **Pages** w Twoim repozytorium.
+2. W sekcji **Custom domain** kliknij **Remove** (jeśli nadal jest ustawione „smartrecommender.dawidolko.pl”).
+3. Zapisz zmiany.
+4. (Opcjonalnie) Odznacz / wyłącz **Enforce HTTPS** (jeśli jest zaznaczone).
+
+Po tym kroku GitHub Pages przestanie próbować używać Twojej domeny i wróci do domyślnego adresu.
+
+---
+
+## 2. Usuń/zmień plik `CNAME` w projekcie
+
+1. Wejdź do folderu `frontend/public/` i **usuń** plik `CNAME` (lub zmień jego nazwę / wyczyść zawartość).
+   - Plik `CNAME` odpowiada za konfigurację własnej domeny — jeśli go nie usuniesz, to przy każdym `npm run deploy` GitHub Pages będzie ponownie próbował przypisać tę customową domenę.
+2. Zapisz i skomituj zmiany:
+   ```bash
+   git add public/CNAME
+   git commit -m "Remove CNAME for custom domain"
+   ```
+   _(lub usuń plik zupełnie i też zacommituj)._
+
+---
+
+## 3. Zmień wartość `homepage` w `package.json` (lub usuń)
+
+W pliku `frontend/package.json` masz prawdopodobnie wpis typu:
+
+```json
+"homepage": "https://project.dawidolko.pl",
+```
+
+Możesz go **usunąć** lub zastąpić domyślnym adresem GitHub Pages, np.:
+
+```json
+"homepage": "https://dawidolko.github.io/repo-name"
+```
+
+(_Użyj właściwego `repo-name`._)
+
+Jeśli wolisz nie ustawiać niczego, możesz po prostu skasować tę linię.
+
+Następnie zapisz i zrób commit.
+
+---
+
+## 4. Ponownie wdroż projekt (`npm run deploy`)
+
+1. Wejdź w katalog `frontend`:
+   ```bash
+   cd frontend
+   ```
+2. Uruchom:
+   ```bash
+   npm run deploy
+   ```
+3. Gh-pages zbuduje projekt, zaktualizuje branch `gh-pages` bez pliku `CNAME` i bez wpisu o własnej domenie.
+
+---

frontend/public/index.html

@@ -7,11 +7,9 @@
     <meta
       name="description"
       content="I present my engineering project called SmartRecommender — an advanced platform built with React that harnesses intelligent algorithms for real-time product recommendations. Discover how I leverage machine learning to enhance user experiences and streamline shopping decisions." />
-
     <meta
       name="keywords"
       content="Dawid Olko&Piotr Smoła, engineering project, SmartRecommender, machine learning, React, product recommendations, personalized shopping" />
-
     <meta name="author" content="Dawid Olko&Piotr Smoła" />
     <meta name="copyright" content="Dawid Olko&Piotr Smoła" />
 
@@ -27,7 +25,7 @@
       href="https://fonts.googleapis.com/css2?family=Wallpoet&display=swap"
       rel="stylesheet" />
 
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" type="image/x-icon" />
+    <link rel="icon" href="%PUBLIC_URL%/logo-wheel.png" type="image/png" />
 
     <meta name="theme-color" content="#ffffff" />
 

frontend/public/logo-wheel.png

@@ -1,71 +1,71 @@
 @import "../../global.scss";
 
 .about {
-	padding: 4em 0;
+  padding: 4em 0;
 
-	&__container {
-		@include flexCenter(column);
-		gap: 2em;
-		max-width: 500px;
-		padding: 0 0.5em;
-	}
+  &__container {
+    @include flexCenter(column);
+    gap: 2em;
+    max-width: 500px;
+    padding: 0 0.5em;
+  }
 
-	&__img {
-		object-fit: cover;
-		height: 400px;
-	}
+  &__img {
+    object-fit: cover;
+    height: 400px;
+  }
 
-	&__title {
-		margin-bottom: 0.7em;
-		font-size: 4rem;
-		line-height: 1.2;
-	}
+  &__title {
+    margin-bottom: 0.7em;
+    font-size: 4rem;
+    line-height: 1.2;
+  }
 
-	&__span {
-		color: $main;
-	}
+  &__span {
+    color: $main;
+  }
 
-	&__text {
-		margin-bottom: 2em;
-		line-height: 1.8;
-	}
+  &__text {
+    margin-bottom: 2em;
+    line-height: 1.8;
+  }
 
-	&__marks {
-		display: flex;
-		gap: 0.3em;
-		margin-bottom: 0.5em;
-		color: #383737;
-	}
+  &__marks {
+    display: flex;
+    gap: 0.3em;
+    margin-bottom: 0.5em;
+    color: #383737;
+  }
 
-	&__mark {
-		color: #000;
-	}
+  &__mark {
+    color: #000;
+  }
 }
 
 @media (min-width: 1024px) {
-	.about {
-		padding: 6em 0;
+  .about {
+    padding: 6em 0;
 
-		&__container {
-			flex-direction: row;
-			gap: 3em;
-			max-width: unset;
-		}
+    &__container {
+      flex-direction: row;
+      gap: 3em;
+      max-width: unset;
+    }
 
-		&__img {
-			height: 100%;
-		}
+    &__img {
+      height: 100%;
+    }
 
-		&__img-container {
-			height: 600px;
-		}
+    &__img-container {
+      height: 600px;
+    }
 
-		&__content {
-			max-width: 500px;
-		}
+    &__content {
+      max-width: 500px;
+    }
 
-		&__title {
-			font-size: 5rem;
-		}
-	}
+    &__title {
+      font-size: 5rem;
+    }
+  }
 }