Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thepravin/video-hub
https://github.com/thepravin/video-hub
javascirpt react reactjs reactproject redux youtube-api youtubeclone
Last synced: 2 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/thepravin/video-hub
- Owner: thepravin
- Created: 2024-02-25T14:44:04.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2024-02-25T15:02:24.000Z (11 months ago)
- Last Synced: 2024-02-26T16:01:04.344Z (10 months ago)
- Topics: javascirpt, react, reactjs, reactproject, redux, youtube-api, youtubeclone
- Language: JavaScript
- Homepage: https://video-hub-smoky.vercel.app
- Size: 212 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎥Video Hub React App (React Project No. 6)
## Overview
Welcome to the Video Hub React App! This application is designed to provide users with a seamless experience to discover popular videos, explore new movie trailers, and much more.
##
## Deployment 🚀
```
https://video-hub-smoky.vercel.app/
```
## 📝 What I Learned
Throughout the development of this app, I gained hands-on experience with various technologies and concepts:
- 🚀 **React Installation**
- 🖥 **JSX**
- 🧩 **Components and Props in React**
- 🔄 **Data Flow: Parent to Child and vice versa**
- ⚛️ **React Hooks:** `useState`, `useEffect`, `useParam`, `useError`, `useSelector`,`useSelectParams` etc.
- 🧠 **Integrating MUI (Material-UI) in React**
- 🌟 **Simmer UI**
- 🔍 **Debouncing in react**
### Prerequisites
Could you make sure you have Node.js and npm installed on your machine?
## Getting Started
1. Clone the repository: `git clone [repository_url]`
2. Install dependencies: `npm install`
3. Run the development server: `npm start`
## ScreenShots
🧑💻 Happy coding!