Привет, меня зовут Мохамед Муфлахи, я недавно начал учебный курс по программированию под названием Flatiron school. На каждом этапе программы нам необходимо выполнить проект, чтобы продемонстрировать навыки, которые мы изучили и развили.
На первом этапе мы развили свои навыки Vanilla JS и узнали, как взаимодействовать с API, используя выборку для получения JSON, а также как обрабатывать и манипулировать этими данными.
Для своего проекта я решил сделать клон веб-приложения CitiBike, а также добавить функции, которые, по моему мнению, будут полезны пользователям CitiBike.
Выше вы можете увидеть веб-приложение CitiBike, которое показывает карту со всеми текущими местоположениями доков CitBike, с подробной информацией об этом конкретном местоположении при нажатии.
Я чувствовал, что для CitiBike ему не хватает функциональности, и я мог бы использовать некоторые дополнительные функции, чтобы сделать его немного более полезным.
Позвольте представить вам CitiBike 2.0, где я и Serref Jaguraga воссоздали текущее веб-приложение Citbike, но с более полезными функциями, таким образом, 2.0 😁
Ссылка на Github: https://github.com/MohamedMuflahi/CitiBike2.0
Живой сайт: https://mohamedmuflahi.github.io/CitiBike2.0/
Так чем же этот сайт отличается от официального приложения Citibike?
ну, во-первых, все функции в официальном приложении были воссозданы (за исключением данных о батарее, поскольку это не было общедоступной информацией с точки зрения API)
Начнем с того, что CitiBike сделал неправильно, они включили некоторые практически бесполезные функции, такие как текущее местоположение и функциональность поиска.
Функция поиска и определения местоположения показывает ваше текущее местоположение и местоположение того, что вы ищете, но на самом деле ничего не делает, кроме увеличения (показано ниже).
Фиолетовый маркер — ваше место поиска не впечатляет, верно?
Что ж, в CitiBike 2.0 мы сделали его действительно полезным, благодаря тому, что ваше текущее местоположение показывает расположение шкафов в виде карточек вверху.
Карточки будут обновлены, чтобы показать ближайшие местоположения к вашему поиску. Кроме того, добавление возможности закрепить местоположение в правом верхнем углу экрана дает пользователям возможность планировать поездки заранее.
Итак, это был мой взгляд на веб-приложение Citibike и то, как я хотел бы сделать его более удобным для пользователя. Оставайтесь с нами, впереди еще много проектов.
