#vuejs3 — Public Fediverse posts

Создание анонимного чата в Telegram: Бот с MiniApp интерфейсом. Часть 2 — VueJS3 + Centrifugo с монетизацией приложения

В первой части мы построили бэкенд на FastAPI, Aiogram, Redis и Centrifugo, заложив основу для анонимного чата в Telegram. Теперь пришло время развернуть фронтенд и создать стильный и отзывчивый интерфейс с использованием VueJS 3 в формате Telegram MiniApp. В этой статье мы: - Разработаем интерактивный UI с фильтрами поиска, анимациями загрузки и real-time чатом. - Настроим мгновенный обмен сообщениями через Centrifugo без лишних запросов к серверу. - Интегрируем монетизацию для заработка на рекламе в приложении. - Выполним деплой на удаленный сервер и подготовим проект к продакшену. Если вы хотите создать быстрый, удобный и монетизируемый анонимный чат в Telegram, который работает без задержек и перезагрузок, — эта статья для вас!

https://habr.com/ru/companies/amvera/articles/893250/

#telegram_mini_app #telegram_webapp #vuejs #vue3 #vuejs3 #centrifuge #centrifugo_v6 #websocket #centrifugo #vuetg

Создание анонимного чата в Telegram: Бот с MiniApp интерфейсом. Часть 2 — VueJS3 + Centrifugo с монетизацией приложения

В первой части мы построили бэкенд на FastAPI, Aiogram, Redis и Centrifugo, заложив основу для анонимного чата в Telegram. Теперь пришло время развернуть фронтенд и создать стильный и отзывчивый интерфейс с использованием VueJS 3 в формате Telegram MiniApp. В этой статье мы: - Разработаем интерактивный UI с фильтрами поиска, анимациями загрузки и real-time чатом. - Настроим мгновенный обмен сообщениями через Centrifugo без лишних запросов к серверу. - Интегрируем монетизацию для заработка на рекламе в приложении. - Выполним деплой на удаленный сервер и подготовим проект к продакшену. Если вы хотите создать быстрый, удобный и монетизируемый анонимный чат в Telegram, который работает без задержек и перезагрузок, — эта статья для вас!

https://habr.com/ru/companies/amvera/articles/893250/

#telegram_mini_app #telegram_webapp #vuejs #vue3 #vuejs3 #centrifuge #centrifugo_v6 #websocket #centrifugo #vuetg

Создание анонимного чата в Telegram: Бот с MiniApp интерфейсом. Часть 2 — VueJS3 + Centrifugo с монетизацией приложения

В первой части мы построили бэкенд на FastAPI, Aiogram, Redis и Centrifugo, заложив основу для анонимного чата в Telegram. Теперь пришло время развернуть фронтенд и создать стильный и отзывчивый интерфейс с использованием VueJS 3 в формате Telegram MiniApp. В этой статье мы: - Разработаем интерактивный UI с фильтрами поиска, анимациями загрузки и real-time чатом. - Настроим мгновенный обмен сообщениями через Centrifugo без лишних запросов к серверу. - Интегрируем монетизацию для заработка на рекламе в приложении. - Выполним деплой на удаленный сервер и подготовим проект к продакшену. Если вы хотите создать быстрый, удобный и монетизируемый анонимный чат в Telegram, который работает без задержек и перезагрузок, — эта статья для вас!

https://habr.com/ru/companies/amvera/articles/893250/

#telegram_mini_app #telegram_webapp #vuejs #vue3 #vuejs3 #centrifuge #centrifugo_v6 #websocket #centrifugo #vuetg

Создание анонимного чата в Telegram: Бот с MiniApp интерфейсом. Часть 2 — VueJS3 + Centrifugo с монетизацией приложения

В первой части мы построили бэкенд на FastAPI, Aiogram, Redis и Centrifugo, заложив основу для анонимного чата в Telegram. Теперь пришло время развернуть фронтенд и создать стильный и отзывчивый интерфейс с использованием VueJS 3 в формате Telegram MiniApp. В этой статье мы: - Разработаем интерактивный UI с фильтрами поиска, анимациями загрузки и real-time чатом. - Настроим мгновенный обмен сообщениями через Centrifugo без лишних запросов к серверу. - Интегрируем монетизацию для заработка на рекламе в приложении. - Выполним деплой на удаленный сервер и подготовим проект к продакшену. Если вы хотите создать быстрый, удобный и монетизируемый анонимный чат в Telegram, который работает без задержек и перезагрузок, — эта статья для вас!

https://habr.com/ru/companies/amvera/articles/893250/

#telegram_mini_app #telegram_webapp #vuejs #vue3 #vuejs3 #centrifuge #centrifugo_v6 #websocket #centrifugo #vuetg

FastAPI и Vue.js 3: телеграм-бот с MiniApp для записи и автоматических уведомлений. Пишем фронтенд

Друзья, приветствую! Наконец-то дошли руки до описания второй части нашего большого проекта по работе с выдуманной клиникой «Здоровье Плюс». Я напоминаю, что в рамках этой небольшой серии мы создаем телеграм-бота с MiniApp, основная задача которого — дать пользователям возможность записаться к врачу в удобный день и время. В прошлой части мы полностью закрыли вопрос логики нашего бота. Сегодня мы займемся написанием фронтенда для нашего Telegram MiniApp с использованием современного JS фреймворка Vue.JS 3. К концу статьи мы реализуем полноценный реактивный фронтенд, который одинаково хорошо будет смотреться, как в формате веб-сайта (мобильная и пк-версия), так и в формате Telegram MiniApp.

https://habr.com/ru/companies/amvera/articles/874970/

#vuejs #vue3 #typescript #api #vuejs_api #vuejs3 #tailwind #tailwind_css #vue_tailwind #javascript

FastAPI и Vue.js 3: телеграм-бот с MiniApp для записи и автоматических уведомлений. Пишем фронтенд

Друзья, приветствую! Наконец-то дошли руки до описания второй части нашего большого проекта по работе с выдуманной клиникой «Здоровье Плюс». Я напоминаю, что в рамках этой небольшой серии мы создаем телеграм-бота с MiniApp, основная задача которого — дать пользователям возможность записаться к врачу в удобный день и время. В прошлой части мы полностью закрыли вопрос логики нашего бота. Сегодня мы займемся написанием фронтенда для нашего Telegram MiniApp с использованием современного JS фреймворка Vue.JS 3. К концу статьи мы реализуем полноценный реактивный фронтенд, который одинаково хорошо будет смотреться, как в формате веб-сайта (мобильная и пк-версия), так и в формате Telegram MiniApp.

https://habr.com/ru/companies/amvera/articles/874970/

#vuejs #vue3 #typescript #api #vuejs_api #vuejs3 #tailwind #tailwind_css #vue_tailwind #javascript

FastAPI и Vue.js 3: телеграм-бот с MiniApp для записи и автоматических уведомлений. Пишем фронтенд

Друзья, приветствую! Наконец-то дошли руки до описания второй части нашего большого проекта по работе с выдуманной клиникой «Здоровье Плюс». Я напоминаю, что в рамках этой небольшой серии мы создаем телеграм-бота с MiniApp, основная задача которого — дать пользователям возможность записаться к врачу в удобный день и время. В прошлой части мы полностью закрыли вопрос логики нашего бота. Сегодня мы займемся написанием фронтенда для нашего Telegram MiniApp с использованием современного JS фреймворка Vue.JS 3. К концу статьи мы реализуем полноценный реактивный фронтенд, который одинаково хорошо будет смотреться, как в формате веб-сайта (мобильная и пк-версия), так и в формате Telegram MiniApp.

https://habr.com/ru/companies/amvera/articles/874970/

#vuejs #vue3 #typescript #api #vuejs_api #vuejs3 #tailwind #tailwind_css #vue_tailwind #javascript

FastAPI и Vue.js 3: телеграм-бот с MiniApp для записи и автоматических уведомлений. Пишем фронтенд

Друзья, приветствую! Наконец-то дошли руки до описания второй части нашего большого проекта по работе с выдуманной клиникой «Здоровье Плюс». Я напоминаю, что в рамках этой небольшой серии мы создаем телеграм-бота с MiniApp, основная задача которого — дать пользователям возможность записаться к врачу в удобный день и время. В прошлой части мы полностью закрыли вопрос логики нашего бота. Сегодня мы займемся написанием фронтенда для нашего Telegram MiniApp с использованием современного JS фреймворка Vue.JS 3. К концу статьи мы реализуем полноценный реактивный фронтенд, который одинаково хорошо будет смотреться, как в формате веб-сайта (мобильная и пк-версия), так и в формате Telegram MiniApp.

https://habr.com/ru/companies/amvera/articles/874970/

#vuejs #vue3 #typescript #api #vuejs_api #vuejs3 #tailwind #tailwind_css #vue_tailwind #javascript

What's the simplest bundler that can compile #sass #svelte #svelte4 #vuejs #vuejs3 and vanilla #javascript files these days?

I've been using
https://laravel-mix.com/
... which has served me well but the svelte plugin is dead to me because of an error I'm not able to fix myself and the maintainer has no time
https://github.com/wewowweb/laravel-mix-svelte/issues/36

I just want something that can take sass → css files; and can compile app.js (which imports an svelte app form various .svelte files, ditto for #vue )

What's the simplest bundler that can compile #sass #svelte #svelte4 #vuejs #vuejs3 and vanilla #javascript files these days?

I've been using
https://laravel-mix.com/
... which has served me well but the svelte plugin is dead to me because of an error I'm not able to fix myself and the maintainer has no time
https://github.com/wewowweb/laravel-mix-svelte/issues/36

I just want something that can take sass → css files; and can compile app.js (which imports an svelte app form various .svelte files, ditto for #vue )

What's the simplest bundler that can compile #sass #svelte #svelte4 #vuejs #vuejs3 and vanilla #javascript files these days?

I've been using
https://laravel-mix.com/
... which has served me well but the svelte plugin is dead to me because of an error I'm not able to fix myself and the maintainer has no time
https://github.com/wewowweb/laravel-mix-svelte/issues/36

I just want something that can take sass → css files; and can compile app.js (which imports an svelte app form various .svelte files, ditto for #vue )

What's the simplest bundler that can compile #sass #svelte #svelte4 #vuejs #vuejs3 and vanilla #javascript files these days?

I've been using
https://laravel-mix.com/
... which has served me well but the svelte plugin is dead to me because of an error I'm not able to fix myself and the maintainer has no time
https://github.com/wewowweb/laravel-mix-svelte/issues/36

I just want something that can take sass → css files; and can compile app.js (which imports an svelte app form various .svelte files, ditto for #vue )

Finally I can start my #100daysofcode

Day 0 of 99:

I've tried to follow a tutorial on how to program a Single Page application with #vuejs3 , #vite and #Pinia .

I must say it was a very challenging and I've realized that I'm missing the basics. So tomorrow I will start reading the official vuejs guide/tutorial again.

Gibt es ein frei und quelloffenes (Open Source) Softwareprojekt mit dem sich Texte auf Webseiten offline über längerem Touch auf den Text vorlesen lassen können?

:boost_ok:

#barrierefreiheit #vuejs3 #html5 #css #javascript #js #inklusion #followerpower #followerinnenpower #boostokay #opensource #freelibreopensource #floss #foss #audio #texttospeech #tts #offlinetts #localtts #fediversepower #softwaredev #development #swdevelopment