Podcastr

A Platform built for podcast broadcasting.
Developed during the Next Level Week 5, created by Rocketseat.
Click here for a live version.

Features    |    About    |    Layout    |    Technologies    |    Running Locally    |    License

🌟 Features:

• Play your favorite podcast on your browser: With an audio slider, next and previous functions

• Random order: Toggleable shuffle button to play episodes in a random order.

• Repeat: Toggleable repeat button, to turn repeat on and off.

• Single Page Application: The app only has one page

• Incremental Static Regeneration: Each episode has an automatic generated standalone page that is created using Next.js Incremental Static Regeneration.

• SSR: Server Side Rendering made with Next.js, to make sure that everything runs smoothly and SEO friendly.

💬 About:

What is Next Level Week?

Next Level Week is a recurring online programming event made by the brazilian company Rocketseat. The event only last one week, with all it's content being deleted after that period, to avoid procrastination, since you must finishes it in one week. Each event focus on different aspects of the proposed language/framework. Click here to know more.

🎨 Layout:

You can click here to see the layout on Figma, or here to copy it to your own figma. The layout was made by Tiago Luchtenberg

🤖 Technologies, tools and libraries

Technologies used in this project:

• ReactJS
• Next.js
• Typescript
• Sass
• Yarn
• VS Code
• JSON Server

Libraries:

• date-fns
• axios
• rc-slider

👨‍💻 Running Locally

You must have Git, Node and Yarn installed.

On your favorite terminal, run the following commands:

# Clone the repository
$ git clone https://github.com/LuanSergio/Podcastr.git

# Navigate to the project folder
$ cd podcastr

# Install dependencies
$ yarn install

# Run the application locally
$ yarn dev

# Build the application for production
$ yarn build

📝 License

This project is under the MIT license. Click here for more information.