Giter Club home page Giter Club logo

skyrent's Introduction

StayVacay

Проект RAID – командный роудмап

Приложение опубликовано, используя сервис Netlify. Адрес здесь.

Наша команда:

  • Фронтенд - Любовь, github
  • Бэкенд - Георгий, github
  • Тестирование - Евгений, github

Техническое задание Skyrent (фронт+бэк+тест)

MVP сервиса доски объявлений по длительной аренде жилья для релокации. Минимальная версия сервиса будет позволять просматривать список, просматривать карточку, фильтровать и просматривать контакты арендатора. Фронтенд и бэкенд должны быть развернуты на разных серверах. Для ведения проекта используются два разных репозитория – для фронтенда и бэкенда.

Фронтенд

Макет доступен здесь

Верстка

Разрешение – мобильное. При достижении размера вьюпорта в 380 px, контейнер ограничивает ширину интерфейса. Адаптация под другие разрешения не требуется.

Интерактив

  • При нажатии на “подобрать” раскрывается фильтр
  • При фильтрации выполняется запрос на фетч
  • При нажатии на Подробную информацию она показывается
  • При нажатии назад происходит возврат назад

Работа с сервером

Oрганизовать загрузку данных с сервера:

  • Всей ленты объявлений для главной страниц
  • Списка объявлений с фильтром по городу и цене
  • Подробной информации об объявлении

Как устроен фильтр

  • В полях цены желательно ввести ограничения для ввода только чисел
  • Ни одно из полей фильтра не является обязательным
  • Кнопка поиска всегда активна
  • фильтр работает при любом режиме заполненности полей
  • В выпадающем поле локации сортируются по алфавиту. Названия из одинаковых стран идут рядом

Бэкенд

База данных

  • Создайте проект и разверните бойлерплейт
  • Создайте модели для бд и наполните бд

Ключи модели и отдаваемого JSON:

pk: int  # первичный ключ

title: str # название объекта
description: str  # описание объекта

picture_url: str  # путь к картинке

price: int # цена за месяц

country: str # страна
city: str # город

features_on: list[str] # что есть
features_off: list[str] # чего нет

host_name: str # имя хозяина
host_phone: str # телефон хоста
host_location: str # адрес хоста

Актуальный JSON с данными

Эндпоинты для списка

  • Добавьте эндпоинт GET /places который возвращает все места
  • Добавьте к нему фильтрацию по городу GET /places?city=<city>
  • Добавьте к нему фильтрацию по цене GET /places?from=1,to=1000

Эндпоинты для сущности

  • Добавьте эндопоинт GET /places/<pk> который возвращает подробную информацию

Обработка ошибок

  • Добавьте обработку 404, 500 ошибок на ваше усмотрение

skyrent's People

Contributors

yarengina avatar

Watchers

 avatar

skyrent's Issues

create Contact component

  • При нажатии на Контактную информацию она показывается

configure filter of location

  • В выпадающем поле локации сортируются по алфавиту
  • Названия из одинаковых стран идут рядом
  • Фильтр работает при любом режиме заполненности полей
  • Кнопка поиска всегда активна
  • Ни одно из полей фильтра не является обязательным
  • В полях цены желательно ввести ограничения для ввода только чисел

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.