Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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.




Static Badge


Static Badge


Static Badge


Static Badge


Static Badge


Static Badge

## 🛠️ 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).