React Podcast Listener

Deployed on Netlify, check out the live demo here.

Installation

You must first have installed NodeJS, Yarn is optional, and then:

Step 1:

cd clean-podcast-listener - access the project files

Step 2:

yarn (or npm install) - to install dependencies

Step 3:

yarn dev (or npm run dev) - to initialize the project under development

yarn start (or npm start) - to initialize the project under production webpack (run build before)

Observations:

yarn build (or npm run build) - to build the project

yarn test (or npm run test) - to run jest unit testing

yarn test:e2e (or npm run test:e2e) - to run cypress e2e testing (if you use linux or windows, the command may change because of the , but you can change the script or run it by node_modules/.bin/cypress open)

In the package.json file, there are scripts that you can run with node and yarn

---

Architecture

The architecture used in this project was the Clean Architecture, using the concepts proposed by Robert Martin.

cypress/
src/
  data/
    protocols/
    test/
    usecases/
  domain/
    enums/
    errors/
    models/
    test/
    usecases/
  infra/
    cache/
    http/
    test/
  main/
    adapters/
    config/
    factories/
      cache/
      http/
      pages/
      usecases/
    routes/
    scripts/
    index.tsx
  presentation/
    assets/
      fonts/
    components/
    hooks/
    pages/
    styles/
    test/
    utils/

Home Page

Search

Podcast Details Page

Episode Details Page

Unit testing

E2E test flows

Podcast List Flow

Search Podcast Flow

Listen Podcast Flow

---