<div align="center">
  <img src=".github/logo.svg" alt="Podcastr logo">
</div>

<h4 align="center">
  Podcastr is a platform built for podcast.
</h4>
<p align="center">
 <a href="#-about">About</a> •
 <a href="#-tecnologies">Tecnologies</a> • 
 <a href="#-Getting-started">Getting started</a> • 
 <a href="#-autor">Autor</a> • 
 <a href="#-license">License</a>
</p>
![Podcastr](.github/preview-podcast.gif)
## 💻 About 
The **Podcastr** is an application that aims to bring podcasts from the world of technology.
In this application the user can listen to an entire podcast with just one click, he can listen to several also incrementally or randomly. There is also a separate section to describe for each episode.
##### Project developed during **NLW#05 - Next Level Week - ReactJS Track** hosted by [Rocketseat](https://rocketseat.com.br/).
## Tecnologies
This project was developed using cutting edge front-end technologies.

- [ReactJS](https://reactjs.org/)
- [Next.js](https://nextjs.org/)
- [Typescript](https://www.typescriptlang.org/)
- [Sass](https://sass-lang.com/install)
- [JSON Server](https://www.npmjs.com/package/json-server)
- [rc-slider](https://slider-react-component.vercel.app/)

## 💻 Getting started
### Requirements
- You need to install both [Node.js](https://nodejs.org/en/download/) and [Yarn](https://yarnpkg.com/) to run this project.
**Clone the project and access the folder**
```bash
$ git clone https://github.com/felipe-gomes-vicente/podcastr-NLW-05.git && cd podcastr-NLW-05
```
**Follow the steps below**
```bash
# Install the dependencies
$ yarn
# Run the backend fake server
$ yarn server
# Run the web server
$ yarn dev
```
The app will be available for access on your browser at `http://localhost:3000`
## 📝 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
---
Made with 💜 by <NAME> 👋 [Check out my LinkedIn](https://www.linkedin.com/in/felipe-gomes-vicente/)