diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 0000000..1b8ac88 --- /dev/null +++ b/.prettierignore @@ -0,0 +1,3 @@ +# Ignore artifacts: +build +coverage diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..0967ef4 --- /dev/null +++ b/.prettierrc @@ -0,0 +1 @@ +{} diff --git a/README.md b/README.md index eb01ede..1751986 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ # Werkzeugkiste -**Werkzeugkiste** is a Next.js-based website that offers a collection of useful digital tools and converters. -This platform is designed to provide users with a simple and efficient way to handle various tasks, such as converting +**Werkzeugkiste** is a Next.js-based website that offers a collection of useful digital tools and converters. +This platform is designed to provide users with a simple and efficient way to handle various tasks, such as converting files, calculating values, or using other handy digital utilities. ## Tech-Stack @@ -29,25 +29,32 @@ To install and run the project locally, follow these steps: ```bash git clone https://github.com/theoleuthardt/werkzeugkiste.git cd werkzeugkiste - + + ``` 2. **Install the dependencies**: + ```bash npm install + ``` + 3. **Start the website locally with npm**: ```bash npm run start + ``` **or** 3. **Start the website with docker compose**: - ```bash - docker compose up -d + + ```bash + docker compose up -d + + ``` 4. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. - ## Authors - [@Domenik Wilhelm](https://www.github.com/AuriomTex) -- [@Theo Leuthardt](https://www.github.com/theoleuthardt) \ No newline at end of file +- [@Theo Leuthardt](https://www.github.com/theoleuthardt) diff --git a/docker-compose.yaml b/docker-compose.yaml index 005a2f1..cc0e49a 100644 --- a/docker-compose.yaml +++ b/docker-compose.yaml @@ -10,4 +10,4 @@ services: PORT: 3000 ports: - "3000:3000" - restart: unless-stopped \ No newline at end of file + restart: unless-stopped diff --git a/next.config.ts b/next.config.ts index fe2af46..68a6c64 100644 --- a/next.config.ts +++ b/next.config.ts @@ -1,7 +1,7 @@ import type { NextConfig } from "next"; const nextConfig: NextConfig = { - output: 'standalone', + output: "standalone", }; export default nextConfig; diff --git a/package-lock.json b/package-lock.json index ed24307..dcf41a8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -20,6 +20,7 @@ "eslint": "^9", "eslint-config-next": "15.1.6", "postcss": "^8", + "prettier": "3.4.2", "tailwindcss": "^3.4.1", "typescript": "^5" } @@ -4537,6 +4538,22 @@ "node": ">= 0.8.0" } }, + "node_modules/prettier": { + "version": "3.4.2", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.2.tgz", + "integrity": "sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==", + "dev": true, + "license": "MIT", + "bin": { + "prettier": "bin/prettier.cjs" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/prettier/prettier?sponsor=1" + } + }, "node_modules/prop-types": { "version": "15.8.1", "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", diff --git a/package.json b/package.json index 47c13d7..ad7da03 100644 --- a/package.json +++ b/package.json @@ -9,19 +9,20 @@ "lint": "next lint" }, "dependencies": { + "next": "15.1.6", "react": "^19.0.0", - "react-dom": "^19.0.0", - "next": "15.1.6" + "react-dom": "^19.0.0" }, "devDependencies": { - "typescript": "^5", + "@eslint/eslintrc": "^3", "@types/node": "^20", "@types/react": "^19", "@types/react-dom": "^19", - "postcss": "^8", - "tailwindcss": "^3.4.1", "eslint": "^9", "eslint-config-next": "15.1.6", - "@eslint/eslintrc": "^3" + "postcss": "^8", + "prettier": "3.4.2", + "tailwindcss": "^3.4.1", + "typescript": "^5" } } diff --git a/src/app/globals.css b/src/app/globals.css index 54a7e08..8df686e 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1,4 +1,4 @@ -@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap'); +@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap"); @tailwind base; @tailwind components; @@ -20,4 +20,4 @@ body { color: var(--foreground); background: var(--background); font-family: Arial, Helvetica, sans-serif; -} \ No newline at end of file +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 92e244f..cda35d9 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -13,11 +13,7 @@ export default function RootLayout({ }>) { return ( - - {children} - + {children} ); } diff --git a/src/app/page.tsx b/src/app/page.tsx index fed9551..1a07204 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,9 +1,9 @@ -import Navbar from '../components/Navbar'; +import Navbar from "../components/Navbar"; export default function Home() { - return ( -
- -
+ return ( +
+ +
); -} \ No newline at end of file +} diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index 0adc068..586ef64 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -3,34 +3,41 @@ import Image from "next/image"; import LOGO from "../assets/logo/icons8-toolbox-64.svg"; interface NavProps { - renderHomeLink: boolean, + renderHomeLink: boolean; } -const navbar = (props:NavProps) => { - return ( -
- +const navbar = (props: NavProps) => { + return ( +
+ +
+ ); }; -export default navbar; \ No newline at end of file +export default navbar; diff --git a/tailwind.config.ts b/tailwind.config.ts index e8a5d26..4a0ad11 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -14,7 +14,7 @@ export default { }, fontFamily: { noto: ["Noto Serif", "serif"], - } + }, }, }, plugins: [],