YouTube Front-End
This is a YouTube front-end application where users can log in, sign up, publish videos, subscribe to channels, create playlists, like videos, comment, and more. The project is built with npm, and the languages used are JavaScript and TypeScript.
Features User authentication (login, signup) Publish videos Subscribe to channels Create and manage playlists Like and comment on videos Video recommendations and more Tech Stack React: A JavaScript library for building user interfaces. Redux: A state management library for JavaScript apps. Tailwind CSS: A utility-first CSS framework for building custom designs. JavaScript & TypeScript: Used for writing the application's logic and components. Installation Follow these steps to install and run the project locally.
Clone the repository:
bash Copy code git clone https://github.com/RanaZaeem0/youtube-fronend.git Navigate to the project directory:
bash Copy code cd youtube-fronend Install dependencies:
bash Copy code npm install Start the development server:
bash Copy code npm start Usage Explain how to use the project, including how to navigate through different parts and any important commands.
Folder Structure bash Copy code ├── src/ │ ├── assets/ # Images, fonts, etc. ├── hook/ # All hook │ ├── components/ # Reusable components │ ├── store/ # Redux slices and related files │ ├── pages/ # Page components │ ├── App.js # Main application component │ ├── index.js # Entry point of the application │ └── index.css # Global styles Contributing If you welcome contributions, include guidelines here:
Fork the repository. Create a new branch (git checkout -b feature-name). Make your changes. Commit your changes (git commit -m 'Add feature'). Push to the branch (git push origin feature-name). Open a pull request.