ПРОЕКТ SNIPSTORE MVP
Вступление:
Snipstore — это веб-сайт, который позволяет создавать фрагменты кода магазина, черновики текста и легко получать к ним доступ с любого устройства. Большинство учащихся в моей школе используют несколько устройств, что затрудняет передачу важных учебных материалов. Используя snipstore, они могут легко получить доступ к ключевой информации, которая им нужна, с обоих устройств. Snipstore имеет очень простую компоновку и удобный формат.
Функции:
Snipstore был создан как мой проект портфолио в моей школе Alx-Holberton. Он имеет полную аутентификацию пользователя для обеспечения безопасности черновиков. Пользователи могут создавать, обновлять и сохранять черновики. Благодаря React навигация в Snipstore на 50 % быстрее. Его удобный макет предлагает пользователям легкую навигацию и использование.
КОМАНДА:
Я работал один над этим проектом. Работа с Backend и Frontend. Тем не менее, я получил поддержку от моих сверстников и наставников. Особенно Мелаку Десалень и Соломон Абебе. Работа над этим проектом в одиночку помогла мне получить всестороннее знание и практику как в интерфейсных, так и в внутренних технологиях.
Мои задачи включали настройку маршрутов API, моделей баз данных, функций проверки на бэкэнде, а также извлечение и размещение данных, реализацию пользовательского дизайна дизайнером пользовательского интерфейса на фронтенде.
Дизайн моего сайта выполнен дизайнером UX и UI Newman Ogbo.
Не стесняйтесь ознакомиться с дизайном здесь
Архитектура:
Для внешнего интерфейса я использовал React Library и CSS. Я выбрал React в качестве основного, потому что хотел узнать что-то новое, работая над своим проектом. Также функции Reacts, такие как рендеринг одной страницы и структура компонентов, сыграли ключевую роль в том, чтобы сделать мое приложение более быстрым и организованным.
Для Backend я выбрал Flask, который идеально подходит для небольшого проекта. Включены другие используемые серверные технологии;
База данных: MySqlite, который является легким и вписывается в рамки проекта.
Язык: Python очень хорошо подходит для моего использования ORM «mysql alchemy» в проекте.
Сервер: сервер Gunicorn помог укрепить мои знания о настройке сервера Gunicorn.
Проблемы:
После сборки и тестирования проекта следующим шагом было развертывание. Я намеревался развернуть его на Heroku, несмотря на отсутствие опыта. Это оказалось действительно сложной задачей, поскольку конфликты мешали запуску моего приложения при развертывании. Презентация моего портфолио должна была состояться через 10 часов, а развернутый проект не работал. В этот момент я должен был сохранять спокойствие, несмотря на напряжение. Быстрый просмотр моего файла журнала позволил мне точно определить проблему. В моем файле пакета возник конфликт, из-за которого моему приложению не удалось установить все необходимые для запуска пакеты. После нескольких часов исследований я нашел решение, и мое развернутое приложение заработало без сбоев.
Заключение и уроки:
Мне очень понравилось работать над этим проектом. Это помогло мне углубить мое понимание flask framework и React. которые я должен был изучить в течение двух недель в ходе проекта. Я увидел, насколько важны в проектах планирование и хорошая практика написания кода. Этот проект, безусловно, подтолкнул меня к веб-разработке бэкэнда, хотя мне также нравится внешний вид.
Биография:
Я начинающий инженер-программист. Увлечен решением человеческих и экологических проблем с помощью технологий. В настоящее время студент программы разработки программного обеспечения Alx-Holberton и научный сотрудник Women Techsters. Я заядлый читатель и последовательный ученик.
Больше моих проектов вы можете найти здесь на GitHub
