ViewVibes is a mini YouTube application designed to effortlessly search and watch your favorite videos. With a sleek interface and intuitive functionality, it provides users with a seamless video browsing experience. ViewVibes is built with React and utilizes custom hooks for efficient data handling.
- Search Bar: Easily search for videos by entering keywords into the search bar.
- Video Display: View videos in a clean and organized layout.
- Video Detail: Get detailed information about each video, including title and description.
- React: A JavaScript library for building user interfaces.
- Semantic UI: Utilized for styling components, ensuring a visually appealing interface.
- Axios: A promise-based HTTP client for making requests to the YouTube Data API.
To get started with ViewVibes, follow these steps:
- Clone this repository:
git clone https://github.com/colson0x1/viewvibes.git - Navigate to the project directory:
cd viewvibes - Install dependencies:
npm install - Start the development server:
npm start
Once the development server is running, open your browser and navigate to http://localhost:3000. You can now use ViewVibes to search for and watch videos.
- Functional Components: ViewVibes is built using functional components, enhancing code readability and maintainability.
- Custom Hooks: Custom hooks are used for managing video data efficiently, ensuring optimal performance.
Special thanks to the following:
- React for providing a powerful library for building user interfaces.
- Semantic UI for the elegant styling of ViewVibes components.
- YouTube Data API for enabling seamless integration of video data into ViewVibes.
