podcastrnext скачать - скачать исходный код podcastrnext

podcastrnext

Данные веб-сайта

1.0.0

Скачать

Лучше всего слушать, всегда

? На

Подкастр

Podcastr является проектом, разработанным во время нового издания React Track of Next Researd Week , онлайн -события, созданного RocketSeat .

Это веб -приложение, которое позволяет пользователям прослушать свои любимые подкасты, просматривать последние релизы и получать больше информации от подкастов, которые они в настоящее время слушают.

Podcastr - Страница детализации подкаста

Этот проект был очень интересным для разработки, потому что для разработки аудиоплеера мы использовали API HTML5, чтобы манипулировать аудио, которого играет пользователь, а также события и состояния игрока. Кроме того, можно было узнать больше о следующем.js, которая представляет собой реагирование на основе, которая позволяет создавать веб -приложения с помощью SSR (рендеринг на стороне сервера).

Особенность

Список с последними выпусками подкастов
Выбранные детали подкаста
Отображение текущей даты
Игрок с функциями перетасовки, повторением, предыдущим, рядом и воспроизведением/паузой, а также с развитием эпизода
Отзывчивый макет

Подкастр

Темный режим / режим света (переключатель)

Технологии и инструменты используются

Этот проект был разработан с помощью следующих технологий и инструментов:

React : библиотека JavaScript с открытым исходным кодом, ориентированная на создание пользовательских интерфейсов на веб -страницах. Он поддерживается Facebook, Instagram, другими компаниями и сообществом отдельных разработчиков. Он используется в Netflix, Imgur, Feedly, Airbnb, Seatgeek, Hellosign, Walmart и других;
Next.js : фронтальная структура веб-разработки, которая добавляет новые функции в React, такие как рендеринг на стороне сервера (SSR) и SSG (статическое генерация сайта). Мы используем этот инструмент, думая об оптимизации производительности и лучшем индексации в поисковых системах (SEO - Поисковая оптимизация).
TypeScript : супер набор языка JavaScript, который предоставляет классы, интерфейсы и дополнительную статическую набор. Используется в сочетании с React на веб -фронта и;
SASS : препроцессор CSS, который расширяет обычный синтаксис CSS, что дает нам более профессиональный и динамичный контроль за стилями листьев;
AXIOS : Это клиент HTTP на основе обещаний для выполнения запросов.
Git : наиболее широко используемая система управления с открытым исходным кодом;
Visual Studio Code : редактор исходного кода, разработанный Microsoft для Windows, Linux и MacOS, рекомендуется для разработки веб -приложений;

? Макет

Макет экранов приложений Podcastr был разработан командой RocketSeat через онлайн -инструмент Figma , программное обеспечение для прототипирования, ориентированное на дизайн пользовательского интерфейса (дизайн пользовательского интерфейса) . Вы можете получить доступ к макету по этой ссылке: Podcastr .

? Установка и выполнение

Чтобы загрузить источник проекта на вашей машине, вам сначала нужно будет установить GIT .

С установленным git на вашем терминале запустите следующую команду:

git clone https://github.com/mathrb22/podcastrnext.git

Чтобы установить помещение и запустить проект, вам нужно было установить node.js , который сопровождается NPM. С установленным:

Установите объекты проекта:

npm install

Запустите проект:

npm run dev

# ou

yarn dev

Как внести свой вклад

Сделать вилку этого репозитория;
Создайте филиал для вашей функции: git checkout -b minha-feature ;
Сделайте коммит с вашими изменениями: git commit -m 'feat: Minha nova feature' ;
Нажмите на свою ветвь: git push origin minha-feature ;
Получить запрос с вашей функцией;