Ligas

screenshot of Ligas
svelte
vite
tailwind
daisyui

Ligas

LIGAS is a tool to simplify the measurement and managment of round times during a competition.

Overview:

LIGAS is a tool designed to simplify the measurement and management of round times during competitions. It aims to provide an easy and efficient solution for users to track and monitor the time duration of each round. LIGAS can be installed as a Progressive Web App (PWA) and also has an online version available. This product offers various features and utilizes different technologies for its development.

Features:

  • Installable as PWA: LIGAS can be installed as a Progressive Web App, allowing users to access it directly from their device's home screen.
  • Online Version: Apart from being installable as a PWA, LIGAS also has an online version that can be accessed through a web browser.
  • Changelog: LIGAS provides a changelog feature, which allows users to keep track of any updates or improvements made to the app.
  • Usage: LIGAS offers a user-friendly interface and intuitive controls, making it easy for users to measure and manage round times during competitions.

Installation:

To install LIGAS as a PWA, follow these steps:

  1. Ensure you have Node.js installed on your system.
  2. Clone the project repository.
  3. Install the required Node.js libraries.
  4. Utilize Svelte, TailwindCSS, daisyUI, and Vite to build the app.
  5. Spread Lucide icons around the app.
  6. LIGAS is now ready to be installed as a PWA on your device.

Summary:

LIGAS is a user-friendly tool designed for simplifying the measurement and management of round times during competitions. With its installable PWA and online version, users can easily access and utilize LIGAS from their devices. The app provides features like a changelog, intuitive usage, and compatibility with popular libraries and frameworks. By utilizing LIGAS, users can streamline the process of tracking and monitoring round times, making it a reliable solution for competition management.

svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

daisyui
daisyUI

daisyUI adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

postcss
Postcss

PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.

Pwa

A Progressive Web App (PWA) is a type of web application that uses modern web technologies to provide a native app-like experience to users, including offline functionality, push notifications, and device hardware access. PWAs can be installed on a user's home screen and launched like a traditional app, but do not require a separate app store listing or download.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.