Frontend Technologies |  Frontend Getting Started |  How To Contribute | 

👨🏻‍💻 About the project

Podcastr is a web application that uses Next.js, and state management using ContextAPI. This is a project developed during the Next Level Week, presented by @Rocketseat during April 19-25, 2021.

It is a fictional podcast page. On the homepage, you can see all the episodes already released. In each title, you will be redirected to the episode page. There you can hear the audio playing at the top (green button). Only the episode in question will be played on this page. If you want to hear the entire playlist, go to the homepage at the top (purple button) and enjoy all the content.

Audio and image information:
Playlist: Sappheiros Photos by: Unsplash

🚀 Frontend Technologies

Technologies that I used to develop this frontend app

• Next.js
• React
• TypeScript
• ContextAPI
• Sass
• VS Code with ESLInt, and Prettier RC

💻 Frontend getting started

Requirements

• Node.js
• Yarn or npm

Clone the project and access the folder

$ git clone https://github.com/francianepovoa/podcastr

$ cd podcastr

Follow the steps below

# Install the dependencies
$ yarn

# Run the JSON server
$ yarn server

# Run the web app
$ yarn dev

🤔 How to contribute

Follow the steps below

# Clone your fork
$ git clone https://github.com/francianepovoa/podcastr

$ cd podcastr

# Create a branch with your feature
$ git checkout -b your-feature

# Make the commit with your changes
$ git commit -m 'feat: Your new feature'

# Send the code to your remote branch
$ git push origin your-feature

After your pull request is merged, you can delete your branch

📝 License

This project is under the MIT license. See the LICENSE for more information.

Made with ♥ by Franciane Póvoa 👋 Get in touch!