https://github.com/teagucordeiro/youtube-homepage-clone
📹 A youtube homepage interface clone.
https://github.com/teagucordeiro/youtube-homepage-clone
material-ui mobx react typescript
Last synced: 2 months ago
JSON representation
📹 A youtube homepage interface clone.
- Host: GitHub
- URL: https://github.com/teagucordeiro/youtube-homepage-clone
- Owner: teagucordeiro
- License: mit
- Created: 2022-08-30T23:40:35.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-09-08T19:09:27.000Z (over 2 years ago)
- Last Synced: 2025-01-07T18:36:47.291Z (4 months ago)
- Topics: material-ui, mobx, react, typescript
- Language: TypeScript
- Homepage:
- Size: 1.31 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Youtube homepage clone
About •
Extra features •
Technologies •
Status •
Running •
Author •
License
## :bookmark_tabs: About
Project developed during a class on the channel [Lucas Nhimi](https://www.youtube.com/c/LucasNhimi) and the project is a clone of the youtube homepage. In addition, the dark mode option of this youtube homepage was implemented. And during this class, I was able to review learn a little about the MUI and review the concepts of MobX.
---
## :fire: Extra features
- [x] Application refactoring using componentization
- [x] Adding Typing with Typescript
- [x] State management using MobX
---
### :hammer: **Technologies**
The following tools were used in the construction of the project:
- [React](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [MobX](https://mobx.js.org/README.html)
- [MUI](https://mui.com/pt/)
---
### :triangular_ruler: **Project status**
👨🏫 The project has already been completed!!
---
### :dvd: **Running the project**
```bash
# Clone this repository
$ git clone https://github.com/ThiagoOliveiraCordeiro/youtube-homepage-clone.git
# Access the project folder in terminal/cmd
$ cd youtube-homepage-clone
# Install the project dependencies
$ npm install
# or
$ yarn install
# Run the development server
$ npm run dev
# or
$ yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
---
### :boy: **Author**
Thiago Oliveira
Done with ❤️ by Thiago Oliveira 👋🏽 Contact me!
[](https://www.linkedin.com/in/thiago-de-oliveira-cordeiro-32562b1b6/)
[](https://github.com/ThiagoOliveiraCordeiro)
---
### :page_facing_up: **License**
This project is licensed by [MIT](./LICENSE).