diff --git a/mysite/mysite/__pycache__/__init__.cpython-312.pyc b/mysite/mysite/__pycache__/__init__.cpython-312.pyc
index d011e6d7ea0c572349db4d642685da864955661e..62bf9c17d051554de8c6cc7f9c547ff552fa1322 100644
Binary files a/mysite/mysite/__pycache__/__init__.cpython-312.pyc and b/mysite/mysite/__pycache__/__init__.cpython-312.pyc differ
diff --git a/mysite/mysite/__pycache__/settings.cpython-312.pyc b/mysite/mysite/__pycache__/settings.cpython-312.pyc
index 8994de667dd7457f89959557cc6e0213c496f231..d697ee63ec1ed9179c41197400008908224ae429 100644
Binary files a/mysite/mysite/__pycache__/settings.cpython-312.pyc and b/mysite/mysite/__pycache__/settings.cpython-312.pyc differ
diff --git a/mysite/mysite/__pycache__/urls.cpython-312.pyc b/mysite/mysite/__pycache__/urls.cpython-312.pyc
index 32930c4eb834a3e24c29f93581dad29dd2cacb3e..ccc0e020a6813f4c405c91503076e052af12260a 100644
Binary files a/mysite/mysite/__pycache__/urls.cpython-312.pyc and b/mysite/mysite/__pycache__/urls.cpython-312.pyc differ
diff --git a/mysite/mysite/__pycache__/wsgi.cpython-312.pyc b/mysite/mysite/__pycache__/wsgi.cpython-312.pyc
index deaffd7d5033c7d7aa9caccd68b45ea8f774a096..beb2b1baebd6d8631284e27e085746511e82ebfb 100644
Binary files a/mysite/mysite/__pycache__/wsgi.cpython-312.pyc and b/mysite/mysite/__pycache__/wsgi.cpython-312.pyc differ
diff --git a/mysite/polls/__pycache__/__init__.cpython-312.pyc b/mysite/polls/__pycache__/__init__.cpython-312.pyc
index 731b95535d565da99b6b8bb338e920d59a0dd89a..6d62769c1ebca47c320ad3e525096b335733d33a 100644
Binary files a/mysite/polls/__pycache__/__init__.cpython-312.pyc and b/mysite/polls/__pycache__/__init__.cpython-312.pyc differ
diff --git a/mysite/polls/__pycache__/admin.cpython-312.pyc b/mysite/polls/__pycache__/admin.cpython-312.pyc
index 9122d20493358a12cff19a7497385c4cd7a98fca..6934467b87eb05411e4cfa82e2bb1dadd8261f07 100644
Binary files a/mysite/polls/__pycache__/admin.cpython-312.pyc and b/mysite/polls/__pycache__/admin.cpython-312.pyc differ
diff --git a/mysite/polls/__pycache__/apps.cpython-312.pyc b/mysite/polls/__pycache__/apps.cpython-312.pyc
index 33c196c6d82cecaa325cc17ac8747d827b59f5fc..9a65941d504b877df6ab3ee7935c14f697460901 100644
Binary files a/mysite/polls/__pycache__/apps.cpython-312.pyc and b/mysite/polls/__pycache__/apps.cpython-312.pyc differ
diff --git a/mysite/polls/__pycache__/models.cpython-312.pyc b/mysite/polls/__pycache__/models.cpython-312.pyc
index 4d8aa58c479b63fdd4c81486bab904af59c25d1d..8104cd70cb2c97a37e4e110be8d7a76153927466 100644
Binary files a/mysite/polls/__pycache__/models.cpython-312.pyc and b/mysite/polls/__pycache__/models.cpython-312.pyc differ
diff --git a/mysite/polls/__pycache__/urls.cpython-312.pyc b/mysite/polls/__pycache__/urls.cpython-312.pyc
index 615e021e2742f1a042fc7450b2a566f983c35a5d..b8ed0db3faea5c38f286a4df88cdb0252a046513 100644
Binary files a/mysite/polls/__pycache__/urls.cpython-312.pyc and b/mysite/polls/__pycache__/urls.cpython-312.pyc differ
diff --git a/mysite/polls/__pycache__/views.cpython-312.pyc b/mysite/polls/__pycache__/views.cpython-312.pyc
index b33dc51d4771aa19782f6df8c39837b29c2f11c5..0c0d4ff44e3894efa77e099edb33f834f7666126 100644
Binary files a/mysite/polls/__pycache__/views.cpython-312.pyc and b/mysite/polls/__pycache__/views.cpython-312.pyc differ
diff --git a/mysite/polls/migrations/__pycache__/0001_initial.cpython-312.pyc b/mysite/polls/migrations/__pycache__/0001_initial.cpython-312.pyc
index 0b03bb7159b8eb5736bcd6fe602f6738728181db..e17cdb31dee3a5e9a4b8b1db82207bdd7282d945 100644
Binary files a/mysite/polls/migrations/__pycache__/0001_initial.cpython-312.pyc and b/mysite/polls/migrations/__pycache__/0001_initial.cpython-312.pyc differ
diff --git a/mysite/polls/migrations/__pycache__/__init__.cpython-312.pyc b/mysite/polls/migrations/__pycache__/__init__.cpython-312.pyc
index f209daab40e67baf17607a767881aaae431db1fd..70d45734e3a1adaa43463c51bedb9e77e16dd6bd 100644
Binary files a/mysite/polls/migrations/__pycache__/__init__.cpython-312.pyc and b/mysite/polls/migrations/__pycache__/__init__.cpython-312.pyc differ
diff --git a/mysite/themeApp/__pycache__/__init__.cpython-312.pyc b/mysite/themeApp/__pycache__/__init__.cpython-312.pyc
index 795d682ee0a1e451fca982ff229fd9d4e87f0316..3051c63ea58af9a397e68cf3e3553d2b875faaab 100644
Binary files a/mysite/themeApp/__pycache__/__init__.cpython-312.pyc and b/mysite/themeApp/__pycache__/__init__.cpython-312.pyc differ
diff --git a/mysite/themeApp/__pycache__/admin.cpython-312.pyc b/mysite/themeApp/__pycache__/admin.cpython-312.pyc
index 24e0b0ca3bc9f606e42073a9f8d4ba625d2c5680..0ab001f4d6864bee2da669782eee406c2685b42b 100644
Binary files a/mysite/themeApp/__pycache__/admin.cpython-312.pyc and b/mysite/themeApp/__pycache__/admin.cpython-312.pyc differ
diff --git a/mysite/themeApp/__pycache__/apps.cpython-312.pyc b/mysite/themeApp/__pycache__/apps.cpython-312.pyc
index e15cee02a3e0ecd10fd7d7c51698334df91cc3d5..3ae7c1c6620cbb074380e4cf42803fd28112280d 100644
Binary files a/mysite/themeApp/__pycache__/apps.cpython-312.pyc and b/mysite/themeApp/__pycache__/apps.cpython-312.pyc differ
diff --git a/mysite/themeApp/__pycache__/models.cpython-312.pyc b/mysite/themeApp/__pycache__/models.cpython-312.pyc
index 1c7ce104d6b8ed5b78cce422c597469e4889f79d..4aad94737a48d7d6a61db4741f141d4f05a7fb61 100644
Binary files a/mysite/themeApp/__pycache__/models.cpython-312.pyc and b/mysite/themeApp/__pycache__/models.cpython-312.pyc differ
diff --git a/mysite/themeApp/__pycache__/serializers.cpython-312.pyc b/mysite/themeApp/__pycache__/serializers.cpython-312.pyc
index f4e8f148cc1b5a2791f03cc9b58fe9eac7c8b21d..8f2e031809a15d01211d358784ae939154d0a86f 100644
Binary files a/mysite/themeApp/__pycache__/serializers.cpython-312.pyc and b/mysite/themeApp/__pycache__/serializers.cpython-312.pyc differ
diff --git a/mysite/themeApp/__pycache__/urls.cpython-312.pyc b/mysite/themeApp/__pycache__/urls.cpython-312.pyc
index a147b499c8ddbb421fa5337143e52f69da02395d..1c32c62b679ead5927441cd530f78d01ca53e47d 100644
Binary files a/mysite/themeApp/__pycache__/urls.cpython-312.pyc and b/mysite/themeApp/__pycache__/urls.cpython-312.pyc differ
diff --git a/mysite/themeApp/__pycache__/views.cpython-312.pyc b/mysite/themeApp/__pycache__/views.cpython-312.pyc
index 027e574acaa2ddcbf605fd201bc06c0c08ef1c63..4b20fe1c6fcf7c49e67b6848cdeef63dab6ddda5 100644
Binary files a/mysite/themeApp/__pycache__/views.cpython-312.pyc and b/mysite/themeApp/__pycache__/views.cpython-312.pyc differ
diff --git a/mysite/themeApp/migrations/__pycache__/0001_initial.cpython-312.pyc b/mysite/themeApp/migrations/__pycache__/0001_initial.cpython-312.pyc
index 95f9173c14b5a48d8a1133f3598b758df749c1e2..c0fc79663e3aa379ae4fba67b05b65101258680d 100644
Binary files a/mysite/themeApp/migrations/__pycache__/0001_initial.cpython-312.pyc and b/mysite/themeApp/migrations/__pycache__/0001_initial.cpython-312.pyc differ
diff --git a/mysite/themeApp/migrations/__pycache__/0002_category.cpython-312.pyc b/mysite/themeApp/migrations/__pycache__/0002_category.cpython-312.pyc
index f2c893bb569843c6cd44e621be8aca0d02250615..8212a781bff9c7c72a5842d7ab2116679a41ec29 100644
Binary files a/mysite/themeApp/migrations/__pycache__/0002_category.cpython-312.pyc and b/mysite/themeApp/migrations/__pycache__/0002_category.cpython-312.pyc differ
diff --git a/mysite/themeApp/migrations/__pycache__/__init__.cpython-312.pyc b/mysite/themeApp/migrations/__pycache__/__init__.cpython-312.pyc
index 2932125ea0be56a90afeab746948effbc723dfba..a1478c2e9ee6f493e90ae9f1acfeaadd2b5a50f7 100644
Binary files a/mysite/themeApp/migrations/__pycache__/__init__.cpython-312.pyc and b/mysite/themeApp/migrations/__pycache__/__init__.cpython-312.pyc differ
diff --git a/theme-costume-app/src/App.js b/theme-costume-app/src/App.js
index 599c40f27c3ceae4812f1c1f1fdcae03d20d5f63..ba2e984c74ce77b9feb5f49d660d328d713ec8dd 100644
--- a/theme-costume-app/src/App.js
+++ b/theme-costume-app/src/App.js
@@ -6,6 +6,8 @@ import Profile from './Profile';
import Charts from './Charts';
import Dashboard from './Dashboard';
import ResponsiveAppBar from './components/ResponsiveAppBar';
+import CategoriesPage from './CategoriesPage';
+
function App() {
const [user, setUser] = useState(null);
@@ -33,6 +35,7 @@ function App() {
<Route path="/" element={<Home />} />
<Route path="/news" element={<About />} />
<Route path="/Topplistan" element={<Charts />} />
+ <Route path="/Categories" element={<CategoriesPage />} />
<Route path="/dashboard" element={<Dashboard />} />
</Routes>
diff --git a/theme-costume-app/src/CategoriesPage.css b/theme-costume-app/src/CategoriesPage.css
new file mode 100644
index 0000000000000000000000000000000000000000..ce9719fe9b0512cce313b28d823a5390265988b4
--- /dev/null
+++ b/theme-costume-app/src/CategoriesPage.css
@@ -0,0 +1,35 @@
+.categories-container {
+ padding: 20px;
+}
+
+.categories-title {
+ font-size: 24px;
+ margin-bottom: 20px;
+}
+
+.category-item {
+ font-size: 18px;
+ padding: 10px;
+ margin-bottom: 10px;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ cursor: pointer; /* Add cursor pointer for better UX */
+ transition: transform 0.4s, box-shadow 0.4s; /* Add transition for smoothness */
+}
+
+/* Add the hover effect */
+.category-item:hover {
+ animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
+}
+
+/* Define the shadow-drop-2-center animation */
+@keyframes shadow-drop-2-center {
+ 0% {
+ transform: translateZ(0);
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
+ }
+ 100% {
+ transform: translateZ(50px);
+ box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
+ }
+}
diff --git a/theme-costume-app/src/CategoriesPage.js b/theme-costume-app/src/CategoriesPage.js
new file mode 100644
index 0000000000000000000000000000000000000000..e6cb2de080594bd8277ce9fed96770227cb87f56
--- /dev/null
+++ b/theme-costume-app/src/CategoriesPage.js
@@ -0,0 +1,33 @@
+import React from 'react';
+import './CategoriesPage.css'; // Import the CSS file
+
+const categories = [
+ { name: 'Men', link: '/category/men' },
+ { name: 'Women', link: '/category/women' },
+ { name: 'Kids', link: '/category/kids' },
+ { name: 'Accessories', link: '/category/accessories' },
+ { name: 'Sale', link: '/category/sale' },
+];
+
+const CategoriesPage = () => {
+ return (
+ <div className="categories-container">
+ <h1 className="categories-title">Categories</h1>
+ <div>
+ {categories.map((category, index) => (
+ <div
+ key={index}
+ className="category-item"
+ onClick={() => {
+ window.location.href = category.link;
+ }}
+ >
+ {category.name}
+ </div>
+ ))}
+ </div>
+ </div>
+ );
+};
+
+export default CategoriesPage;