На этой неделе мы работали над нашими проектами. Задача, которую я поставил, состояла в том, чтобы создать приложение, которое позволяет пользователю искать дескриптор пользователя GitHub, посещать их репозитории, выбирать и репо и иметь график, который отображает сообщения фиксации, а также время и дату фиксации.
Это первый проект узла, который я когда-либо пробовал, сначала я бы сказал, что это было немного ошеломляюще, так как я не знал, как подходить к проектам. Итак, я начал с плана того, как, по моему мнению, должен развиваться проект. Это заключалось в изучении того, что я должен был сделать во время проекта и как я собирался этого достичь. Я просмотрел пользовательские истории и прочитал об API, который мне нужно будет использовать для этого проекта. Я также использовал модель rMVC для структурирования проекта.
Мне нужно было понять, как я могу разбить проект на куски и какой код потребуется, чтобы это заработало. Пока я этим занимался, я увлёкся тем, чтобы приложение работало, что я не проводил юнит-тесты. Я обнаружил, что на самом деле мне не так много нужно для модульного тестирования, потому что большая часть моего кода связана с взаимодействием с API, поэтому у меня была только одна модель, и она должна была извлекать все правильные данные из API, поэтому она действовала как фильтр. чтобы получить только те данные, которые мне нужны. Так что для этого проекта у меня был только один модульный тест.
Мне пришлось использовать сеансы, чтобы временно хранить данные и вытаскивать то, что мне нужно, на следующую страницу. Это было то, с чем я боролся сначала, но с некоторой помощью мне удалось заставить работать. Я использовал plotty для отображения необходимой мне информации на графике.
Чтобы стилизовать приложение, я просто использовал простой стиль, чтобы создать желаемый вид. Я использовал ярко-синий цвет для полей ввода и кнопки поиска, а затем слегка серый цвет для текста со следующими шрифтами, перечисленными ниже.
Это снимок экрана того, как выглядел готовый продукт, а также ссылка на репозиторий GitHub и ссылка на приложение.
