Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jigar-sable/web-ui-clones
Website UI Clones using TailwindCSS
https://github.com/jigar-sable/web-ui-clones
beginners-friendly css frontend-web hacktoberfest hacktoberfest-accepted hacktoberfest2022 instagram-clone open-source tailwindcss webdevelopment website-clone website-design youtube-clone
Last synced: 12 days ago
JSON representation
Website UI Clones using TailwindCSS
- Host: GitHub
- URL: https://github.com/jigar-sable/web-ui-clones
- Owner: jigar-sable
- Created: 2021-07-30T05:19:33.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-13T21:19:10.000Z (over 1 year ago)
- Last Synced: 2024-10-04T12:52:26.627Z (about 1 month ago)
- Topics: beginners-friendly, css, frontend-web, hacktoberfest, hacktoberfest-accepted, hacktoberfest2022, instagram-clone, open-source, tailwindcss, webdevelopment, website-clone, website-design, youtube-clone
- Language: HTML
- Homepage: https://youtubewebui.netlify.app
- Size: 5.32 MB
- Stars: 86
- Watchers: 4
- Forks: 52
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 🚀 Web UI Clones
Website UI Clones using TailwindCSS
- [x] **WhatsApp Web**
- [x] **YouTube**
- [x] **Instagram**
- [x] **Sololearn**
- [x] **Flipkart**
- [ ] Telegram
- [ ] Netflix## 🧑💻 Tech Stack
[![HTML](https://img.shields.io/badge/html5%20-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white)](https://github.com/jigar-sable/Web-UI-Clones/search?l=html)
![CSS](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
![TailwindCSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
[![JS](https://img.shields.io/badge/javascript%20-%23323330.svg?&style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)](https://github.com/jigar-sable/Web-UI-Clones/search?l=javascript)
![node](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white)
![jquery](https://img.shields.io/badge/jquery-%230769AD.svg?style=for-the-badge&logo=jquery&logoColor=white)
[![web](https://img.shields.io/badge/Netlify-00C7B7?style=for-the-badge&logo=netlify&logoColor=white)](https://youtubewebui.netlify.app)## 📌Contributing Guidelines :
**1.** Fork [this](https://github.com/jigar-sable/web-ui-clones) repository.
**2.** Clone your forked copy of the project.
```
git clone https://github.com//web-ui-clones.git
```**3.** Add a reference(remote) to the original repository.
```
git remote add upstream https://github.com/jigar-sable/web-ui-clones.git
```**4.** Check the remotes for this repository.
```
git remote -v
```**5.** Always take a pull from the upstream repository to your master branch to keep it as per with the main project(updated repository).
```
git pull upstream main
```**6.** Create a new branch.
```
git checkout -b
```**7.** Perfom your desired changes to the code base.
**8.** Track your changes:heavy_check_mark:
```
git add .
```**9.** Commit your changes .
```
git commit -m "Relevant message"
```**10.** Push the committed changes in your feature branch to your remote repo.
```
git push -u origin
```**11.** To create a pull request, click on `compare and pull requests`. Please ensure you compare your feature branch to the desired branch of the repo you are suppose to make a PR to.
**12.** Add appropriate title and description to your pull request explaining your changes and efforts done. Always make sure you have pulled the latest code from the master branch before making a PR.
**13.** Click on `Create Pull Request`.
**14.** Hurray❗You have created a PR to Web UI Clones Website💥 Sit back patiently and relax till then the project maintainers will review your PR. Please understand, there will be some time taken to review a PR and can vary from a few hours to a few days too so be Patient and keep contributing.
Hurray! You successfully made a contribution!
## 😎 Maintainer
## ✨ Our Valuable Contributors
📬 Contact
If you want to contact me, you can reach me through below handles.
[![linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/jigar-sable)
## 👨💻 Happy Coding!
[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)
[![forthebadge](https://forthebadge.com/images/badges/built-by-developers.svg)](https://forthebadge.com)