Достигнув конца фазы 1 в школе Flatiron, нам было поручено создать проект Javascript для одностраничного приложения (SPA) с использованием общедоступного API. Перебрав несколько идей, я, наконец, пришел к выводу, что буду создавать SPA-викторины с фильмами, используя общедоступный API https://opentdb.com. Наряду с тем, что я узнал от Flatiron, я просмотрел несколько руководств на YouTube и веб-сайтах, чтобы помочь собрать мой проект.
Соглашение SPA содержало некоторые основные требования, которые необходимо было выполнить, например, иметь
- Интерфейс HTML/CSS/JS.
- Получает доступ к данным из общедоступного API.
- И, наконец, немного интерактивности для пользователя.
Как только мы достигли MVP (минимально жизнеспособного продукта), нам предложили добавить больше стилей или функций.
Изучив список API-интерфейсов, предоставленных в документации по заданию, я остановился на API-интерфейсе викторин, который я буду использовать для создания приложения-викторины в кино. Приложение позволит пользователям вводить свои имена и проверять свои знания фильмов с помощью 10 случайных вопросов. После завершения пользователь увидит свой окончательный счет, а затем его спросят, не хотят ли они сыграть снова.
Начав процесс сборки и наметив, чего я хочу достичь, я начал с просмотра учебных пособий на YouTube, которые помогли мне создать контейнер для карт, в котором будут размещены все вопросы. Затем некоторые поисковые запросы в Google помогли мне определить, как я буду применять API к своему проекту. С некоторыми ошибками, ошибками, ошибками и некоторой помощью StackOverflow я наконец встретил своего MVP.
Заключительной частью проекта стал стайлинг. Я поместил свой контейнер с карточками со всеми моими викторинами на фоне кинотеатра и добавил небольшую GIF-анимацию, чтобы связать все это воедино. Я многому научился, работая над этим проектом; хотя я до сих пор не чувствую, что что-то знаю, здорово видеть, что то, что вы сами собрали, работает и работает. Впереди еще долгий путь, я с нетерпением жду того, что будет дальше.
