fsanchezvilela/loop

Loop the new Podcast Player

Loop The BEST Open Source Podcast Player

Live URL

• Production Application
• Figma URL

Getting Started

First Install the Node version

note: before you run the developer enviroment, we use an script to check the right version in .nvmrc

Using NVM (Node Version Manager)

nvm use

Download and install Node 18.15.0 from web

• Download Here

Second Install Dependencies

pnpm init

Commands For Development:

pnpm run dev

Command for Build:

pnpm run build

Command for Test + Coverage

pnpm run test

Command for Code Style and Prettier Formating

pnpm run lint

pnpm run lint:fix

pnpm run format

Command for generate React Icon SVG

pnpm run generate:icons

note before you run the script we need to drop the svg icon file in this directory -> public/icons/svg

More information

Tech Stack

• React
• Typescript
• Tailwindcss
• Radix-ui
• Figma
• Jest
• React-Testing-Library

Collaborative Layer

• Eslint
• Prettier
• Husky (pre-commit + pre-push)

Tooling

• Vite (Tool)
• SWC (Rust-based Compiler)
• Rollup (Vite Bundler)

Test Layer Configurations

• Unit Test (Jest)
• Component Test (React-Testing-Library)
• E2E Test (Cypress) (Comming soon)

Create with Vite

Crate with Vite

Deploy on Vercel

Deploy on Vercel Platform