Preview • About • Tasks • Run • Technologies • Author • License

---

👁️‍🗨️ Preview

🖥️ Computer

Desktop (Light)	Desktop (Dark)

📱 Responsive

Tablet	Mobile

---

ℹ️ About

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.

---

📝 Tasks

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

---

▶️ Run

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).

🌐 Web

Open the command prompt in the project directory and execute the following commands:

with npm

# Install dependencies
$ npm install

# Start development server
$ npm start

with yarn

# Install dependencies
$ yarn

# Start development server
$ yarn dev

⚠️ The development server will start on port:3000 - Access http://localhost:3000

🗄️ Server

Open the command prompt in the project directory and execute the following commands:

with npm

# Install dependencies
$ npm install

# Start development server
$ npm run server

with yarn

# Install dependencies
$ yarn

# Start development server
$ yarn server

⚠️ The development server will start on port:3333 - Access http://localhost:3333

---

🛠️ Technologies

The following tools is used to build this project:

🌐 Web
Typescript
Sass
React
Nextjs
axios
rc-slider
date-fns

---

👦 Author

---

⚖️ License