Примеры с использованием Vue.js


Star Wars Character Encyclopedia

Описание: Веб-приложение, позволяющее в удобном виде увидеть информацию о героях саги Star Wars

Функциональность: Страница, на которой изначально располагаются шапка и лого, после подгрузки с помощью ajax-запроса появляется информация о персонажах

Tech: HTML CSS JS Vue Axios Webpack Git

Github


Store Page

Описание: Повторение функциональности большинства интернет-магазинов

Функциональность: Добавление в избранное; поиск необходимого товара по названию; полноценная работа с корзиной: добавление товара, удаление товара, удаление категории товара; отображение товаров: всех на одной странице, с помощью пагинации; сортировка по цене: возрастание и убывание; отдельная страница для каждого товара.

Tech: HTML CSS JS Vue Vuetify Webpack Git

Github


Pictionary

Описание: Онлайн версия популярной игры, в России известна как "Крокодил"

Функциональность: Наличие страницы авторизации с проверкой входных параметров; Главная страница - чат, сохраняющий сообщения в базе данных Firebase, список всех игроков, список комнат, изменения отображаются в реальном времени; Страница комнаты - список игроков комнаты, отдельный чат комнаты, canvas-полотно для рисования с возможностью выбора цвета и очистки изображения

Tech: HTML CSS JS Canvas Vue Nuxt NodeJS Express Socket.io Firebase Vuetify Webpack Git

Github