Skip to content

Realization of a hotel's SPA application using Sveltejs framework. Aimed skills: component-based approach, responsive design, 3rd party libraries usage, BEM, SPA, Svelte, Routify.

Notifications You must be signed in to change notification settings

alanreidt/toxin-hotel-app

Repository files navigation

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/.

About

Realization of a hotel's SPA application using Sveltejs framework. Aimed skills: component-based approach, responsive design, 3rd party libraries usage, BEM, SPA, Svelte, Routify.

Topics

Resources

Stars

Watchers

Forks