/podcastr

Podcast playback site, with a complete player to listen to your episode, single or in playlists.

Primary LanguageTypeScript

Podcastr logo

Description   |    Requirements   |    Technologies   |    Usage   |    Demonstration


License Repo size Top lang Stars repo Forks repo Pull requests Last commit

Report bug · Request feature


Description

Podcast playback site, with a complete player to listen to your episode, single or in playlists.

It was one of my first projects developed with react and next together, where I reinforced several fundamentals such as useState, useEffect, context api, ssr (Server-side redering) and ssg (Static side generation), to fetch data in the api.

Project for the 5th edition of the Next Level Week (NLW), given by Diego Fernandes (CTO Rocketseat), from April 19 to 25, 2021.

Requirements

Technologies

  • React
  • Next.js
  • Typescript
  • StyledComponents
  • JsonServer (Fake api)

Usage

You can clone it on your pc using the command:

git clone https://github.com/Lissone/podcastr.git
cd podcastr

Install dependencies using:

yarn
#or
npm install

Run fake api:

yarn server
#or
npm run server

Run web:

yarn dev
#or
npm run dev

Demonstration

Home page Home

Episode page Episode

License

Distributed under the MIT License. See LICENSE for more information.

Made with ❤️ by Lissone