/podcaster

Its a platform dedicated to the podcasters to have an online platform to create their profile and showcase their podcasts over the world!

Primary LanguageJavaScript

Podcasters

Its a responsive platform dedicated to the podcasters to have an online platform to create their profile and showcase their experience & knowledge in the form of audio podcasts over the world!

Features and Functionalities

  • This webapp is created with React js for better performance and used Firebase as backend service.
  • FramerMotion is used for animations and for better user-experience.

Screenshot 2023-08-24 143415

  • You can signUp with your mail directly through google / facebook and if already have account you can directly signin on to your account.

Screenshot 2023-08-24 143441

  • In your profile page you can view your created podcasts and create new podcasts.
  • You can also edit or delete your account from here.

Screenshot 2023-08-24 143640

  • On podcast page you can see all the podcasts available on the platform by various creator.
  • By clicking on to the card you can get detais of that particualr podcast and liten to the episodes availabe fo that.

Screenshot 2023-08-24 143722

Screenshot 2023-08-24 143751

Getting started with Podcasters

  • Cone the repository to get it onto your local system.
  • Create an .env file to have your firebase app_id and api_key.
  • In the project directory, you can run:

npm install

It installs all the required dependencies into your project directory.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

npm test

Launches the test runner in the interactive watch mode.\

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.