Podcastr

About   |    Technologies   |    Getting Started   |    Upgrades

🎶 About

The Podcaster is the best place to listen to your favorites podcasts :D

Application made based on NLW#5 online workshop, hosted by Rocketseat 🚀

    Project Wireframe

🎤 Technologies

📃 Dependencies: -> package.json

• Next JS: The best framework to create SSG or SSR pages
• Typescript: It's written in TypeScript
• Axios: Best lib to work with Promise-based HTTP client
• Date-fns: Best lib to work with Date in Javascript
• RC-Slider: To make the track slider
• SASS: To optimize CSS perfomance
• JSON Server: Fake server API creator

📝Custom: ->

Script to execute JSON Server with fake delay:

"server": "json-server src/service/server.json -w -d 750 -p 3333"

🎹 Getting Started

You must have installed:

1. Node.js. Here
2. GIT. Here

After that, go to the terminal and execute those steps:

  $ git clone https://github.com/gamadv/podcastr.git
  cd podcastr

  $ npm install

  # or

  $ yarn

  #Starting server

  $ yarn dev

  #on another terminal

  $ yarn server -> to start JSON Server 

• SSG or SSR feature can only be tested after building prject:

Building app

  #Creating build

  $ yarn build

  #testing

  $ yarn start

🎵 Upgrades:

Some features are pending, those are:

• Responsive Layout
• PWA -> Example using Next JS
• Dark theme -> Dark Mode Switcher Using CSS Variables in LESS, SASS, or Vanilla CSS
• Desktop app using -> Electron

💙 Made by

Moacir Gama