Preview • About • Tasks • Run • Technologies • Author • License
Podcastr is a project developed at the event called Next Level Week # 5 (NLW) promoted by Rocketseat for a week.
Able to list podcasts through the API that returns JSON and play them with some basic controls: next, previous, next random, play, pause and repeat.
It uses Nextjs dynamic static generation for each podcast in the list, being able to access a page with exclusive details.
Click to View
| State | Task |
|---|---|
| ✔️ | Prepare Global CSS |
| ✔️ | Add images and icons |
| ✔️ | Set font family |
| ✔️ | Header component |
| ✔️ | Create player context api state |
| ✔️ | Player component |
| ✔️ | Configure JSON server |
| ✔️ | Create Home page |
| ✔️ | Style Home page |
| ✔️ | Create Episode page |
| ✔️ | Style Episode page |
| ✔️ | Style buttons |
| ✔️ | Update Readme |
| ✔️ | Create license |
To run the project you need to clone or download this repository, have the Node Package Manager (NPM) or the YARN Package Manager installed (YARN).
Open the command prompt in the project directory and execute the following commands:
with npm
# Install dependencies
$ npm install
# Start development server
$ npm startwith yarn
# Install dependencies
$ yarn
# Start development server
$ yarn dev
⚠️ The development server will start on port:3000 - Access http://localhost:3000
Open the command prompt in the project directory and execute the following commands:
with npm
# Install dependencies
$ npm install
# Start development server
$ npm run serverwith yarn
# Install dependencies
$ yarn
# Start development server
$ yarn server
⚠️ The development server will start on port:3333 - Access http://localhost:3333
The following tools is used to build this project:
