Skip to content

This Telegram mini app allows users to order food by browsing a categorized menu. Users can add selected items to their cart, review their orders, and complete the checkout process by providing the necessary details.

Notifications You must be signed in to change notification settings

ZiyovuddinTolipov/lotos-telegeram-mini-app

Repository files navigation

Lotos Telegram Mini App

O'zbek tilida | In English | На русском

O'zbek tilida

Loyiha haqida

Lotos Telegram Mini App - bu foydalanuvchilarga Telegram orqali ovqat buyurtma berish imkonini beruvchi ilovasi. TypeScript, JavaScript va SCSS yordamida yaratilgan bu ilova foydalanuvchilarga qulay interfeysni taqdim etadi va menyu elementlarini oson ko'rish imkonini beradi.

Asosiy xususiyatlari

  • Menyu ko'rish: Foydalanuvchilar turli toifadagi ovqatlarni ko'rib chiqishlari mumkin.
  • Buyurtma boshqaruvi: Savatchaga mahsulotlarni qo'shish, ko'rib chiqish va to'lovdan oldin buyurtmani o'zgartirish.
  • Foydalanuvchi ma'lumotlari: Buyurtmani qayta ishlash uchun foydalanuvchi ma'lumotlarini yig'ish.
  • Moslashuvchan dizayn: Turli xil ekran o'lchamlariga moslashadi.
  • Qorong'i rejim: Foydalanuvchilar uchun qorong'i rejim mavjud.

Texnologiyalar

  • React.js
  • Vite
  • TypeScript
  • JavaScript
  • SCSS
  • Tailwind CSS
  • React Router
  • React Icons
  • React Hot Toast
  • AOS (Animate On Scroll)

O'rnatish

  1. Repozitoriyni klonlash:
    git clone https://github.com/ZiyovuddinTolipov/lotos-telegeram-mini-app.git
  2. Loyiha papkasiga o'tish:
    cd lotos-telegeram-mini-app
  3. Kerakli paketlarni o'rnatish:
    npm install
  4. Loyihani ishga tushirish:
    npm run dev

Ishlatilgan kutubxonalar

  • React: Foydalanuvchi interfeysini yaratish uchun JavaScript kutubxonasi.
  • Vite: Zamonaviy veb-ilovalarni tez yaratish va ishga tushirish uchun build tool.
  • TypeScript: JavaScript-ning kengaytirilgan versiyasi, qo'shimcha xususiyatlar va turdagi xavfsizlikni ta'minlaydi.
  • SCSS: CSS-ni kengaytiruvchi preprocessor, stillarni yozishni osonlashtiradi.
  • Tailwind CSS: Utility-first CSS framework, tez va moslashuvchan dizayn yaratish uchun.
  • React Router: React ilovalarida navigatsiyani boshqarish uchun kutubxona.
  • React Icons: Ilovada turli xil ikonlardan foydalanish imkonini beruvchi kutubxona.
  • React Hot Toast: Foydalanuvchilarga xabarlar va bildirishnomalarni ko'rsatish uchun kutubxona.
  • AOS: Sahifada scroll qilganda animatsiyalarni qo'shish uchun kutubxona.

Joylash (Deployment)

Loyiha Vercel-da joylash uchun tayyor. GitHub repozitoriyangizni Vercel hisobingizga ulang va joylash jarayonini boshlang.

Hissa qo'shish

Loyihaga hissa qo'shishni xohlasangiz, iltimos, repozitoriyani fork qiling va o'z o'zgartirishlaringizni pull request orqali yuboring.

Litsenziya

Bu loyiha MIT litsenziyasi ostida tarqatiladi. Batafsil ma'lumot uchun LICENSE faylini ko'ring.

In English

About the Project

Lotos Telegram Mini App is an application that allows users to order food through Telegram. Created using TypeScript, JavaScript, and SCSS, this app provides users with a convenient interface and easy viewing of menu items.

Key Features

  • Menu Viewing: Users can browse various categories of food.
  • Order Management: Add products to cart, review, and modify orders before payment.
  • User Data: Collect user information for order processing.
  • Responsive Design: Adapts to various screen sizes.
  • Dark Mode: Dark mode available for users.

Technologies

  • React.js
  • Vite
  • TypeScript
  • JavaScript
  • SCSS
  • Tailwind CSS
  • React Router
  • React Icons
  • React Hot Toast
  • AOS (Animate On Scroll)

Installation

  1. Clone the repository
  2. Navigate to the project folder
  3. Install required packages
  4. Run the project

License

This project is distributed under the MIT license.

На русском

О проекте

Lotos Telegram Mini App - это приложение, позволяющее пользователям заказывать еду через Telegram. Созданное с использованием TypeScript, JavaScript и SCSS, это приложение предоставляет пользователям удобный интерфейс и легкий просмотр элементов меню.

Основные функции

  • Просмотр меню: Пользователи могут просматривать различные категории блюд.
  • Управление заказами: Добавление товаров в корзину, просмотр и изменение заказов перед оплатой.
  • Данные пользователя: Сбор информации о пользователе для обработки заказа.
  • Адаптивный дизайн: Адаптируется к различным размерам экрана.
  • Темный режим: Доступен темный режим для пользователей.

Технологии

  • React.js
  • Vite
  • TypeScript
  • JavaScript
  • SCSS
  • Tailwind CSS
  • React Router
  • React Icons
  • React Hot Toast
  • AOS (Animate On Scroll)

Установка

  1. Клонировать репозиторий
  2. Перейти в папку проекта
  3. Установить необходимые пакеты
  4. Запустить проект

Лицензия

Этот проект распространяется под лицензией MIT.

About

This Telegram mini app allows users to order food by browsing a categorized menu. Users can add selected items to their cart, review their orders, and complete the checkout process by providing the necessary details.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published