Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/emeraldknight-sp/rocketseat-youtube
This is a simple project to clone YouTube homepage using technologies like HTML, CSS and Javascript.
https://github.com/emeraldknight-sp/rocketseat-youtube
clone clone-website css css3 flexbox flexbox-css html html5 javascript youtube
Last synced: 6 days ago
JSON representation
This is a simple project to clone YouTube homepage using technologies like HTML, CSS and Javascript.
- Host: GitHub
- URL: https://github.com/emeraldknight-sp/rocketseat-youtube
- Owner: emeraldknight-sp
- License: mit
- Created: 2024-07-27T17:59:56.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-03T14:54:46.000Z (5 months ago)
- Last Synced: 2024-11-09T23:17:35.825Z (2 months ago)
- Topics: clone, clone-website, css, css3, flexbox, flexbox-css, html, html5, javascript, youtube
- Language: HTML
- Homepage: https://rocketseat-youtube.vercel.app
- Size: 2.56 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
🔴 Project: Youtube
This is a simple project to clone YouTube homepage using technologies like HTML, CSS and Javascript, breakpoints are used to make the application responsive using Mobile First development concept.
## 🛠️ Technologies
- HTML5, CSS3, JS ES6+
- [Node e Yarn](https://nodejs.org/)
- [Google Fonts](https://fonts.google.com/)
- [Google Icons](https://fonts.google.com/icons)
- [Eslint](https://eslint.org/)
- [Prettier](https://prettier.io/)## 📣 Funcionalities
- Show column elements one after the other
- Responsive design with Mobile First## 💿 Installing
Install the project with the following command
```bash
yarn install
```## 💻 Running project
Run this project with the following instruction
```
What you need is just activate Live Server extension in your integrated development environment
```## 🛠️ Running tests
To run the tests in the application you can run the following command
```
This project no have any tests to be runned
```## 🚀 Deploy
To deploy this project, execute
```bash
vercel
```## 🧰 Used stacks
**Front-end:** HTML5, CSS3, Javascript, Google Fonts
**Back-end:** Not used
## 📸 Screenshots
![Layout](.github/layout.png)
## 📝 License
This project is under [MIT license](LICENSE).