Skip to content

Mujahid087/Youtube_clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 

Repository files navigation

YouTube Clone with React

Project Description:

This project is a YouTube clone built using React.js. The app mimics the functionality of YouTube, including features like video browsing, navigation, and a responsive layout. The project utilizes React Router for navigation between pages, Moment.js for date/time formatting, and custom CSS for styling the components.

Key Features:

  • Video list with thumbnail previews
  • Responsive design using CSS
  • Navigation between different sections using React Router
  • Display video details (title, description, etc.)
  • Date/time formatting with Moment.js

Tech Stack:

  • Frontend:
    • React.js
    • React Router DOM
    • Moment.js
    • CSS
    • JavaScript

Installation Instructions:

Prerequisites:

1. Clone the Repository

Clone the project repository from GitHub:

git clone https://github.com/Mujahid087/Youtube_clone

2. Install Dependencies

Navigate to the project directory in the terminal and run the following command to install the dependencies:

npm install

3. Run the Development Server

To start the development server, run:

npm start

This will start the app on http://localhost:3000.

Project Structure

youtube-clone/
├── public/
│   ├── index.html
│   └── ...
├── src/
│   ├── components/
│   ├── styles/
│   ├── App.js
│   └── index.js
├── package.json
└── README.md

Available Scripts

In the project directory, you can run:

npm start

Runs the app in 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.

Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Acknowledgments

  • React.js Documentation
  • YouTube UI/UX Design
  • React Router Documentation
  • Moment.js Documentation

Contact

Mujahid - @Mujahid087

Project Link: https://github.com/Mujahid087/Youtube_clone

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published