toxin-hotel-app

Осторожно! Проект находится в стадии разработки.

Реализация SPA приложения “Toxin” отеля.

Demo-page

Изначально данный проект был реализован на чистом HTML, CSS и JS (посмотреть), а уже в дальнейшем переписан на Svelte фреймворке.

В итоге он помог мне:

• Отточить навыки работы с макетом: отладить процесс разработки от Ui-kit до конечных страниц и научиться понимать задумку дизайнера;
• Отработать создание нетривиальных компонентов, выделение их одинаковых частей и настройку взаимодействия со сторонними библиотеками;
• Получить навыки построения многостраничных сайтов: создание правильной структуры, объединение компонентов на странице и настройку взаимодействия между ними;
• Отработать создание отзывчивого дизайна, гибкого и наиболее удобного для пользователя;
• Изучить основы работы SPA приложения и отработать перевод многостраничного сайта на него;
• Закрепить изученную теорию по Svelte на практике и получить навыки перевода обычного проекта на него;

Доступные страницы:

• Домашняя страница
• Страница поиска номеров
• Страница номера
• Страница авторизации
• Страница регистрации
• Страница компонентов

Использованные скиллы:

• Component-based approach,
• Responsive design,
• 3rd party libraries usage,
• BEM,
• SPA,
• Svelte,
• Routify.

Быстрый старт

Для клонирования репозитория, используйте следующие команды:

# clone the repo into the alanreidt-toxin-hotel-app folder
git clone https://github.com/alanreidt/toxin-hotel-app.git alanreidt-toxin-hotel-app

cd alanreidt-toxin-hotel-app

# install the repo dependencies
npm install

Доступные команды:

# to build the dev version and open it in a browser
npm run dev

# to build the production version into the build folder
npm run build

Страница доступна по адресу http://localhost:5000/.