This web application allows you to explore the top 100 iTunes podcasts in a simple and straightforward manner. Find your favorite shows and start listening to episodes in the blink of an eye. Simple and straightforward.
Clone the repository from GitHub using the following command:
git clone https://github.com/elmango80/podcaster.git
cd podcaster
npm install
Once the installations are complete, you can start the application locally with the following command:
npm run start:dev
This will launch the application in your default web browser for development.
To build the application in production mode (minifying assets), use the following command:
npm run build:prod
If you want to build the application in development mode (without minifying assets), you can use the following command:
npm run build:dev
After the compilation, the optimized assets will be available in the output directory, ready to be deployed on the server.
If you wish to run unit and integration tests, you can execute the following command:
npm run test
podcaster/
β
βββ π src/ # Main source code directory
β βββ π assets/ # Multimedia resources (images, audio)
β βββ π components/ # Reusable UI components
β βββ π context/ # Global state management
β βββ π hooks/ # Custom hooks
β βββ π pages/ # Main app pages/views
β βββ π routes/ # Route configuration
β βββ π service/ # Data management services
β βββ π types/ # Data types and definitions
β βββ π App.css # Global styles
β βββ π App.tsx # Main entry point (React)
β βββ ...
β
βββ public/ # Public resources directory
β βββ π favicon.svg # Website icon (SVG)
β βββ ...
β
βββ tests/ # Unit and integration tests
β
βββ π .editorconfig # Code style configuration
βββ π .eslintrc.js # ESLint rules/config
βββ π .gitignore # Git ignore list
βββ π .prettierrc.cjs # Prettier code formatting config
βββ π index.html # Main HTML page
βββ π jest.config.js # Jest testing config
βββ π package.json # Project dependencies/config
βββ π postcss.config.js # PostCSS configuration for styles
βββ π tailwind.config.js # Tailwind CSS configuration
βββ π tsconfig.json # TypeScript configuration
βββ π vite.config.js # Vite development bundler config
- If you want to implement a new feature/script, please, open an issue first