Podcastify - Your Daily Podcast App
Podcastify is your go-to application for daily podcasts. With a simple and intuitive interface, it allows you to listen to your favorite podcasts anytime, anywhere.
Functionality
- Recommendation Podcasts: The homepage features recommended podcasts, providing users with a curated list of popular and trending podcasts.
- Search Functionality: Users can search through a vast library of podcasts to find their favorite ones or discover new ones.
- Podcast Player: Each episode of the chosen podcast can be listened to directly within the app, providing a seamless listening experience.
- Admin Panel: Administrators have the ability to manage podcasts, episodes, and users, ensuring the content is up-to-date and the user experience is optimized.
Tech Stacks
Podcastify is built using the following technologies:
- HTML/CSS/JS: The frontend of the application is built with pure HTML, CSS, and JavaScript, ensuring a lightweight and responsive user interface.
- PHP: PHP is used on the backend for server-side scripting, providing robust and secure functionality.
- Docker: The application and its database are containerized using Docker, ensuring easy setup, deployment, and distribution.
- Docker Compose: Docker Compose is used to manage the application services, allowing the app and database to be run together seamlessly.
How to Get Started
- Clone this repository
- Copy the
.env.examplefile and rename it to.env:
cp .env.example .env- Open the
.envfile and replace the placeholder values with your actual data. - On the root of this project, run the following commands:
docker build -t tubes-1:latest .
docker-compose up -d --build- To shut down the app, run
docker-compose down- Ensure that the Docker Daemon is running
Tasking
Server side
| 13521055 | 13521072 | 13521102 |
|---|---|---|
| Setup Docker, DB, and Structure | CRUD Episode | Database Entity Design |
| Migration | CRUD Podcast | |
| Login, Register, Logout | Pagination | |
| CRUD User | Search Bar | |
| Profile | File Uploader | |
| Change Password | Home Content | |
| Home, Routing, Error Handling | Guest Role Limit | |
| Middleware and Helpers | ||
| Storage |
Client Side
| 13521055 | 13521072 | 13521102 |
|---|---|---|
| Layouts | UI Design | Components |
| Components | Episode List Page | Home Page Load |
| Input Validation | Episode CRUD Page | Podcast CRUD Page |
| Login and Register Page | Audio Player | Podcast List Page |
| User List Page | Responsiveness | Responsiveness |
| Profile Page | ||
| Error Page | ||
| Navbars and Home Page | ||
| Responsiveness |
Responsive Layouts & Lighthouse
Responsive Layouts
Login Page
Sign Up Page
Home Page
Profile Page
User List Page
Podcast Page
Episode Page
Error Page
Lighthouse
Login Page
Sign Up Page
Home Page
Profile Page
User List Page
Podcast Page
Episode Page
Error Page