https://github.com/erlankg0/neo-tour

Сайт по поиску туров
https://github.com/erlankg0/neo-tour

input-number react react-router redux-toolkit swagger

Last synced: 26 days ago
JSON representation

Сайт по поиску туров

• Host: GitHub
• URL: https://github.com/erlankg0/neo-tour
• Owner: erlankg0
• Created: 2024-04-03T21:34:52.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-04-28T17:09:53.000Z (9 months ago)
• Last Synced: 2024-11-07T22:25:37.360Z (3 months ago)
• Topics: input-number, react, react-router, redux-toolkit, swagger
• Language: TypeScript
• Homepage: https://erlankg0.github.io/neo-tour/
• Size: 5.08 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
NeoTour


Описание проекта "Neo Tour"


Проект "Neo Tour" - это веб-приложение для поиска туров и бронирования путешествий. Цель проекта - предоставить пользователям удобный инструмент для выбора и планирования путешествий, а также обмена опытом и отзывами о посещенных местах.

Проект был разработан совместно командой из двух - фронтенд и бэкенд разработчика.

Особенности и функциональности


Главная страница


На главной странице пользователи могут ознакомиться с доступными турами и категориями путешествий. Основные особенности этой страницы:

    Интерактивная карусель с турами различных категорий.

    Подробное описание категорий и рекомендованных туров.

    Возможность плавного прокручивания страницы к списку туров при нажатии на кнопку "Choose a tour!".

![Home.png](Home.png)

Детальный экран тура

![Detail.png](Detail.png)

Детальная страница тура предоставляет пользователю более подробную информацию о выбранном путешествии и позволяет оформить бронь.


Модальное окно для отправки заявки


Пользователь при нажатии кнопки "Book Now" открывает модальное окно для указания информации о бронировании. Особенности модального окна:

    Автозаполнение кода страны (+996) с возможностью изменения.

    Валидация поля для ввода номера телефона.

    Возможность отправить заявку на бронирование тура.

![img.png](img.png)

Технологии


Проект разработан с использованием следующих технологий:

    Фронтенд: HTML, CSS, TypeScript, React.ts

    Бэкенд: Java (с использованием фреймворка Spring)

    Документация API: Swagger

Демо


Посмотреть демонстрацию
 https://erlankg0.github.io/neo-tour/


Contact


Telegram

@erlanbey

E mail [email protected], [email protected]

Backend 

https://github.com/akzhol773