A collection of useful digital tools for our web programming course at university.
Find a file
Theo Leuthardt be3b9d7f5d
new tool ideas
Now our tool list is complete and these tools will be implemented!
2025-02-14 15:08:27 +01:00
src fix: favicon and icon on every page 2025-02-08 15:44:09 +01:00
.gitignore initial commit 2025-01-30 12:56:04 +00:00
.prettierignore feat: prettier init with formatted code files 2025-02-07 14:02:04 +01:00
.prettierrc feat: prettier init with formatted code files 2025-02-07 14:02:04 +01:00
docker-compose.yaml feat: prettier init with formatted code files 2025-02-07 14:02:04 +01:00
Dockerfile initial commit 2025-01-30 12:56:04 +00:00
eslint.config.mjs initial commit 2025-01-30 12:56:04 +00:00
next.config.ts feat: prettier init with formatted code files 2025-02-07 14:02:04 +01:00
package-lock.json feat: prettier init with formatted code files 2025-02-07 14:02:04 +01:00
package.json feat: prettier init with formatted code files 2025-02-07 14:02:04 +01:00
postcss.config.mjs initial commit 2025-01-30 12:56:04 +00:00
README.md new tool ideas 2025-02-14 15:08:27 +01:00
tailwind.config.ts feat: prettier init with formatted code files 2025-02-07 14:02:04 +01:00
tsconfig.json initial commit 2025-01-30 12:56:04 +00:00

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 files, generate content, or using other handy digital utilities. This page is made by two persons and privacy-focused.

Tech-Stack

  • Next.js: React framework for our frontend with server-side rendering and static content.
  • React: JavaScript library for building our user interfaces.
  • TypeScript: Typed JavaScript superset for improved code quality.
  • Tailwind CSS: Utility-first CSS framework for styling.
  • Fastify: Low overhead NodeJS framework for our backend.
  • Docker: Containerization platform for deploying frontend and backend.

Implemented Tools

  • doc-converter: Convert documents between different formats.
  • img-converter: Convert images between different formats.
  • rgb-to-hex: Convert colors between different formats.
  • data-visualizer: Visualize your data from table to chart.
  • qr-code-generator: Generate QR codes for URLs, text, or other data.
  • password-generator: Generate secure passwords.
  • bg-remover: Remove backgrounds from your images.
  • word-counter: Count words of your documents.
  • pomodoro-timer: Use the Pomodoro technique to manage time.

Installation

To install and run the project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/theoleuthardt/werkzeugkiste.git
    cd werkzeugkiste
    
    
  2. Install the dependencies:

     npm install
    
    
  3. Start the website locally with npm:

    npm run start
    

or

  1. Start the website with docker compose:

    docker compose up -d
    
    
  2. Open http://localhost:3000 with your browser to see the result.

Authors