mirror of
https://github.com/theoleuthardt/werkzeugkiste.git
synced 2026-06-13 01:27:54 +00:00
feat: prettier init with formatted code files
This commit is contained in:
theoleuthardt
parent
5fcfb7ac40
commit
99ffeeafef
12 changed files with 87 additions and 55 deletions
3
.prettierignore
Normal file
3
.prettierignore
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
# Ignore artifacts:
|
||||
build
|
||||
coverage
|
||||
1
.prettierrc
Normal file
1
.prettierrc
Normal file
|
|
@ -0,0 +1 @@
|
|||
{}
|
||||
21
README.md
21
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)
|
||||
- [@Theo Leuthardt](https://www.github.com/theoleuthardt)
|
||||
|
|
|
|||
|
|
@ -10,4 +10,4 @@ services:
|
|||
PORT: 3000
|
||||
ports:
|
||||
- "3000:3000"
|
||||
restart: unless-stopped
|
||||
restart: unless-stopped
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import type { NextConfig } from "next";
|
||||
|
||||
const nextConfig: NextConfig = {
|
||||
output: 'standalone',
|
||||
output: "standalone",
|
||||
};
|
||||
|
||||
export default nextConfig;
|
||||
|
|
|
|||
17
package-lock.json
generated
17
package-lock.json
generated
|
|
@ -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",
|
||||
|
|
|
|||
13
package.json
13
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"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,11 +13,7 @@ export default function RootLayout({
|
|||
}>) {
|
||||
return (
|
||||
<html lang="en">
|
||||
<body
|
||||
className={`antialiased`}
|
||||
>
|
||||
{children}
|
||||
</body>
|
||||
<body className={`antialiased`}>{children}</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
import Navbar from '../components/Navbar';
|
||||
import Navbar from "../components/Navbar";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<div className="bg-black text-white font-noto">
|
||||
<Navbar renderHomeLink={false} />
|
||||
</div>
|
||||
return (
|
||||
<div className="bg-black text-white font-noto">
|
||||
<Navbar renderHomeLink={false} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 (
|
||||
<div className="h-18 w-full p-3 border-2 border-white">
|
||||
<nav className="bg-black text-white font-bold flex flex-row items-center justify-between">
|
||||
<div className="justify-items-start flex flex-1 flex-row items-center">
|
||||
<Image
|
||||
src={LOGO}
|
||||
alt={""}
|
||||
width={64}
|
||||
height={64}
|
||||
className="invert"
|
||||
/>
|
||||
<div className="text-white ml-5">werkzeugkiste.</div>
|
||||
</div>
|
||||
<div className="flex flex-auto justify-center">
|
||||
{props.renderHomeLink ?
|
||||
<a href="#" className="justify-center">home</a>
|
||||
: null}
|
||||
</div>
|
||||
<div className="flex flex-auto">
|
||||
<a href="https://github.com/theoleuthardt/werkzeugkiste" className="items-end mr-3">github</a>
|
||||
</div>
|
||||
</nav>
|
||||
const navbar = (props: NavProps) => {
|
||||
return (
|
||||
<div className="h-18 w-full p-3 border-2 border-white">
|
||||
<nav className="bg-black text-white font-bold flex flex-row items-center justify-between">
|
||||
<div className="justify-items-start flex flex-1 flex-row items-center">
|
||||
<Image
|
||||
src={LOGO}
|
||||
alt={""}
|
||||
width={64}
|
||||
height={64}
|
||||
className="invert"
|
||||
/>
|
||||
<div className="text-white ml-5">werkzeugkiste.</div>
|
||||
</div>
|
||||
);
|
||||
<div className="flex flex-auto justify-center">
|
||||
{props.renderHomeLink ? (
|
||||
<a href="#" className="justify-center">
|
||||
home
|
||||
</a>
|
||||
) : null}
|
||||
</div>
|
||||
<div className="flex flex-auto">
|
||||
<a
|
||||
href="https://github.com/theoleuthardt/werkzeugkiste"
|
||||
className="items-end mr-3"
|
||||
>
|
||||
github
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default navbar;
|
||||
export default navbar;
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ export default {
|
|||
},
|
||||
fontFamily: {
|
||||
noto: ["Noto Serif", "serif"],
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue