y-temp4 / worktime-calc

This is a web application to calculate work time with multilingual support (English/Japanese).

Home Page:https://y-temp4.github.io/worktime-calc/

Repository from Github https://github.comy-temp4/worktime-calcRepository from Github https://github.comy-temp4/worktime-calc

worktime-calc

日本語 | English

OGP

React TypeScript Vite Tailwind CSS React Router pnpm

This is a web application to calculate work time with multilingual support (English/Japanese).

Features

  • ⏰ Time duration calculation
  • 🌍 Multilingual support (English/Japanese)
  • 📱 Responsive design
  • 📋 Copy functionality for calculated results
  • 🎨 Modern UI with Tailwind CSS

Tech Stack

  • Frontend: React 18 with TypeScript
  • Build Tool: Vite
  • Styling: Tailwind CSS
  • Routing: React Router DOM
  • Package Manager: pnpm

Getting Started

Prerequisites

  • Node.js (recommended version 18+)
  • pnpm

Installation

# Clone the repository
git clone https://github.com/y-temp4/worktime-calc.git
cd worktime-calc

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Build for production
pnpm build

# Preview production build
pnpm preview

Development

This project uses:

  • React with TypeScript for type safety
  • Vite for fast development and building
  • Tailwind CSS for utility-first styling
  • React Router for client-side routing

Most of the code in this application was generated by a generative AI.

About

This is a web application to calculate work time with multilingual support (English/Japanese).

https://y-temp4.github.io/worktime-calc/


Languages

Language:TypeScript 63.9%Language:JavaScript 25.5%Language:HTML 6.7%Language:CSS 3.9%