Tipify is a professional web application for digitizing restaurant menus and orders, built with React and TypeScript. It enables restaurants to manage their catalog, receive online orders, and display products in multiple languages. Tipify is designed to be easily installed and configured by the Tipify team, offering a turnkey solution for restaurant digitalization.
- Multilingual digital menu (Spanish, English, French, German, Italian)
- Product and order management
- Scalable pricing plans
- Support for tips and payments
- Modern, responsive interface
- Assisted installation and configuration
- Contact and request installation from the app
- Full internationalization (i18n)
- Reusable, strongly-typed components with TypeScript
- Protected routes and navigation with React Router
- React (v18+)
- TypeScript
- Tailwind CSS (modern, adaptive styles)
- React Router
- Vite (fast development environment)
- i18n (multilanguage support)
# Clone the repository
git clone https://github.com/firedevelop/Tipify.git
cd Tipify
# Install dependencies
npm install
# Run in development mode
npm run devsrc/
components/ # Reusable components (OrderContents, TipPercentageForm, etc.)
pages/ # Main pages (Plans, Contact, Credits, Compartir, OrderConfirmation)
i18n/ # Translation files per language
App.tsx # Main component and routes
index.tsx # Entry point
public/
... # Static resources
- The restaurant chooses a plan from the pricing page.
- Requests installation via the contact form or plan button.
- The Tipify team installs, configures, and puts online the restaurant's digital menu in less than 24 hours.
- The restaurant can manage products, receive orders and payments from the app.
- Texts and plans can be easily adapted from translation files.
- The component system allows adding new features and pages.
- The design is fully responsive for any device.
sudo apt update
sudo apt install webpconvert folder and subfolders
#!/bin/bash
find . -type f -name "*.jpg" -print0 | while IFS= read -r -d $'\0' file; do
dir=$(dirname "$file")
filename=$(basename "$file" .jpg)
cwebp "$file" -o "${dir}/${filename}.webp"
doneonly actual folder
for file in *.jpg; do
filename=$(basename "$file" .jpg)
cwebp "$file" -o "${filename}.webp"
doneTipify es una aplicación web profesional para digitalizar menús y pedidos en restaurantes, desarrollada con React y TypeScript. Permite a los restaurantes gestionar su catálogo, recibir pedidos online y mostrar sus productos en varios idiomas. Este proyecto está pensado para ser fácilmente instalable y configurable por el equipo de Tipify, ofreciendo una solución llave en mano para la digitalización de restaurantes.
- Menú digital multilingüe (español, inglés, francés, alemán, italiano)
- Gestión de productos y pedidos
- Planes de precios escalables
- Soporte para propinas y pagos
- Interfaz moderna y responsive
- Instalación y configuración asistida
- Contactar y solicitar instalación desde la app
- Internacionalización (i18n) completa
- Componentes reutilizables y tipados con TypeScript
- Rutas protegidas y navegación con React Router
- React (v18+)
- TypeScript
- Tailwind CSS (estilos modernos y adaptativos)
- React Router
- Vite (entorno de desarrollo rápido)
- i18n (soporte multilenguaje)
# Clona el repositorio
git clone https://github.com/firedevelop/Tipify.git
cd Tipify
# Instala las dependencias
npm install
# Ejecuta en modo desarrollo
npm run devsrc/
components/ # Componentes reutilizables (OrderContents, TipPercentageForm, etc.)
pages/ # Páginas principales (Plans, Contact, Credits, Compartir, OrderConfirmation)
i18n/ # Archivos de traducción por idioma
App.tsx # Componente principal y rutas
index.tsx # Punto de entrada
public/
... # Recursos estáticos
- El restaurante elige un plan desde la página de precios.
- Solicita la instalación mediante el formulario de contacto o el botón de cada plan.
- El equipo de Tipify instala, configura y pone online el menú digital del restaurante en menos de 24h.
- El restaurante puede gestionar productos, recibir pedidos y pagos desde la app.
- Los textos y planes pueden adaptarse fácilmente desde los archivos de traducción.
- El sistema de componentes permite añadir nuevas funcionalidades y páginas.
- El diseño es adaptable a cualquier dispositivo.
sudo apt update
sudo apt install webp
convert folder and subfolders
#!/bin/bash
find . -type f -name "*.jpg" -print0 | while IFS= read -r -d $'\0' file; do
dir=$(dirname "$file")
filename=$(basename "$file" .jpg)
cwebp "$file" -o "${dir}/${filename}.webp"
done
only actual folder
for file in *.jpg; do
filename=$(basename "$file" .jpg)
cwebp "$file" -o "${filename}.webp"
done
This project is licensed under the MIT License.
Photo by Aurélien Lemasson-Théobald on Unsplash
Photo by amirali mirhashemian on Unsplash
Photo by Louis Hansel on Unsplash
Photo by Louis Hansel on Unsplash
Photo by Alan Hardman on Unsplash
Photo by Saahil Khatkhate on Unsplash
Photo by Saundarya Srinivasan on Unsplash
Photo by Masimo Grabar on Unsplash
Photo by Jonas Kakaroto on Unsplash
Photo by Shourav Sheikh on Unsplash
Photo by Hybrid Storytellers on Unsplash
Photo by Fotografía de Alimentos on Unsplash
Photo by Ömer Taha Çetin on Unsplash
Photo by The Fry Family Food Co. on Unsplash
Photo by FAYYAZ KH on Unsplash
Photo by Karina B. on Unsplash
Photo by Anil Sharma on Unsplash
Photo by Whitney Wright on Unsplash
Photo by LOGAN WEAVER | @LGNWVR on Unsplash
Photo by Edward Howell on Unsplash
Photo by Toa Heftiba on Unsplash
Photo by Hogir saeed on Unsplash
Photo by Giorgi Iremadze on Unsplash
Photo by ShengGeng Lin on Unsplash
Photo by ShengGeng Lin on Unsplash
Photo by Edward Howell on Unsplash
Photo by Kobby Mendez on Unsplash
Photo by Shivansh Sethi on Unsplash
Photo by Emile Mbunzama on Unsplash
Photo by Maryam Abubakar on Unsplash
Photo by Heather Barnes on Unsplash
Photo by Diliara Garifullina on Unsplash
Photo by Nahima Aparicio on Unsplash
Photo by Alex Lvrs on Unsplash
Photo by luisana zerpa on Unsplash