https://github.com/teekaytech/youtube-clone
This is a youtube clone application.
https://github.com/teekaytech/youtube-clone
Last synced: 3 months ago
JSON representation
This is a youtube clone application.
- Host: GitHub
- URL: https://github.com/teekaytech/youtube-clone
- Owner: teekaytech
- Created: 2020-02-17T10:31:39.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-02-21T16:41:30.000Z (over 6 years ago)
- Last Synced: 2025-04-05T10:31:41.520Z (about 1 year ago)
- Language: HTML
- Size: 1.67 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# YouTube Clone
This is a youtube clone application.
In this project, our aim here wasn’t to produce an exact replica of the YouTube video page, but rather to focus on making the media elements show up. That means two things – embedding the YouTube video player into the page so it actually plays and showing little thumbnail images along the right side.
There are many elements on the YouTube page which are produced with Javascript but our objective in this project wasn't to give this page functionality, so except from the video, nothing nothing else is clickable.
## Built with
* HTML
* CSS
* Lint
* Stickler
## Live demo
https://teekaytech.github.io/youtube-clone/
## Getting started
**For this project, you’ll try your best to recreate the youtube web page. The main aim is to ensure the elements get placed and styled roughly the same way as the youtube page, so functionality is not a priority.**
Use the browser’s developer tools to inspect the real youtube page to understand how elements are placed and styled.
Build your own page in a .html text file and open it in your browser to check it out.
- First setup a github repository for your project.
- Then create a .html file where all your HTML markup will go
- Create a .css file where all your styling code will reside
- Then open the youtube web page, inspect its features with your browser's developer tools and start creating :shipit:
## Authors
:bust_in_silhouette: **Author 1**
* Github: https://github.com/teekaytech/
* Twitter: https://twitter.com/ola_lere
* LinkedIn: https://www.linkedin.com/in/teekaytech/
:bust_in_silhouette: **Author 2**
* Github: https://github.com/PhillipUg
* Twitter: https://twitter.com/Phillip_Ug
* LinkedIn: https://www.linkedin.com/in/phillip-musiime-74657019a/
## Contributing
Contributions, issues and feature requests are welcome!
1. Fork the Project
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
Feel free to check the [issues page](https://github.com/teekaytech/youtube-clone/issues).
## Show your support
Give a :star: if you like this project!
## Acknowledgements
* [Microverse](https://www.microverse.org/)
* [The Odin Project](https://www.theodinproject.com/courses/html5-and-css3/lessons/embedding-images-and-video#introduction)
## License
Distributed under the MIT License.