Skip to content

riteshk-007/Youtube-Clone-by-Scss

Repository files navigation

YouTube Clone by SCSS

image

YouTube Clone by SCSS is a front-end web application that replicates the appearance and user interface of YouTube using SCSS (Sassy CSS). This project aims to showcase the power and flexibility of SCSS in creating modern and visually appealing web designs.

Features

  • Visual Appeal: The application is designed to closely resemble the visual elements of YouTube, including the header, search bar, video thumbnails, and video player.
  • Responsiveness: The user interface is responsive and adapts to different screen sizes and devices, providing an optimal viewing experience on desktops, tablets, and smartphones.
  • SCSS Flexibility: SCSS allows for easy customization and maintenance of the project's styles by utilizing variables, mixins, and nested rules.

image

image

Getting Started

To set up the YouTube Clone by SCSS on your local machine, follow the instructions below.

Prerequisites

  • A modern web browser that supports CSS3 and Flexbox.
  • A code editor for making changes to the project (e.g., Visual Studio Code, Sublime Text, etc.).

Installation

  1. Clone the repository:
git clone https://github.com/riteshk-007/Youtube-Clone-by-Scss.git
  1. Navigate to the project directory:
cd Youtube-Clone-by-Scss

Usage

Simply open the index.html file in your preferred web browser to explore the YouTube Clone by SCSS.

Customization

If you wish to customize the styles or experiment with different design elements, you can do so by modifying the SCSS files located in the scss directory. After making changes, compile the SCSS into CSS using your preferred SCSS compiler.

Contributing

image image

Contributions to YouTube Clone by SCSS are welcome. If you have suggestions, find any bugs, or want to improve the project, feel free to open an issue or submit a pull request.

License

YouTube Clone by SCSS is licensed under the MIT License, allowing you to use, modify, and distribute the code as per the terms of the license. image

Acknowledgments

YouTube Clone by SCSS was developed for educational and demonstrative purposes, highlighting the capabilities of SCSS in modern web design. Special thanks to the SCSS community for their valuable contributions to web development and design.

About

YouTube Clone | React js , Scss and Rapid Api

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published