https://github.com/lissone/podcastr

Podcast playback site, with a complete player to listen to your episode, single or in playlists.
https://github.com/lissone/podcastr

jsonserver nextjs react rocketseat styled-components typescript

Last synced: 1 day ago
JSON representation

Podcast playback site, with a complete player to listen to your episode, single or in playlists.

• Host: GitHub
• URL: https://github.com/lissone/podcastr
• Owner: Lissone
• Created: 2021-04-19T21:06:34.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-09-02T18:51:52.000Z (about 2 years ago)
• Last Synced: 2023-03-05T04:35:19.034Z (over 1 year ago)
• Topics: jsonserver, nextjs, react, rocketseat, styled-components, typescript
• Language: TypeScript
• Homepage: https://podcastr-lissone.vercel.app/
• Size: 271 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  





  Description   |   

  Requirements   |   

  Technologies   |   

  Usage   |   

  Demonstration








  

  

  

  

  

  

  





  Report bug

  ·

  Request feature






## Description

Podcast playback site, with a complete player to listen to your episode, single or in playlists.

It was one of my first projects developed with react and next together, where I reinforced several fundamentals such as useState, useEffect, context api, ssr (Server-side redering) and ssg (Static side generation), to fetch data in the api.

Project for the 5th edition of the Next Level Week (NLW), given by Diego Fernandes (CTO Rocketseat), from April 19 to 25, 2021.

## Requirements

- [Npm](https://www.npmjs.com/)

- [Nodejs](https://nodejs.org/en/)

- [Yarn](https://yarnpkg.com/)

## Technologies

- React

- Next.js

- Typescript

- StyledComponents

- JsonServer (Fake api)

## Usage

You can clone it on your pc using the command:

```bash

git clone https://github.com/Lissone/podcastr.git

cd podcastr

```

Install dependencies using:

```bash

yarn

#or

npm install

```

Run fake api:

```bash

yarn server

#or

npm run server

```

Run web:

```bash

yarn dev

#or

npm run dev

```

## Demonstration

**Home page**

![Home](https://i.imgur.com/k1XCKhJ.png)

**Episode page**

![Episode](https://i.imgur.com/lGaZqtv.png)

## License

Distributed under the MIT License. See `LICENSE` for more information.



  Made with ❤️ by Lissone