Project   |    Technologies   |    Services Used   |    Getting Started   |    How To Use   |    Features   |    Layout   |    License

Podcastr is an app for playing audio episodes of your favorite podcast.

This project was developed using these techs:

• React
• Next.js
• TypeScript
• Sass
• JSON Server (Fake API)

• GitHub
• JSON Server

If you want run this code, you can start cloning the repository using HTTP or SSH key.

• Open your gitBash (git terminal)

• Type git clone

• Insert the HTTP or SSH key (on windows, shift + insert to paste on gitBash)

• You can find this HTTP or SSH Key by clicking on Code on the top right in this repository

• Once cloned you can open the project in your IDE and enter the codes below in the IDE terminal

Tip: Open 2 terminals: One to start the server and the other to run the app.

yarn To add the dependencies on the project.

yarn server To run the fake API.

yarn dev Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

yarn build To build the app.

yarn server To run the fake API.

yarn start Runs the app
Open http://localhost:3000 to view it in the browser.

Dependencies

• Axios
• Sass
• Date-fns
• Rc-slider

The main features of the application are:

• Access an episode information
• Play an episode
• Shuffle mode
• Repeat mode
• Each episode has its own page
• SSG (Static Side Generation) and SSR (Server-side Rendering)

You can see the layout of this project through this link. It's necessary have an account on Figma to access.

This project is under MIT license.

In case of sensitive bugs like security vulnerabilities, please contact [email protected] directly instead of using issue tracker. We value your effort to improve the security and privacy of this project!

Please follow on github and join us! Thanks for visiting me and good coding!

Made with ♥ by Deywerson Pereira