A Full Responsive YouTube Clone Made with Tailwind-css and Nextjs

MeTube

A full responsive YouTube clone made with Tailwind-css and Nextjs

Features

Completely mobile responsive
Search for your favourite videos just like you do on regular Youtube App
Skeleton loading
Infinite scroll and more

Demo

Desktop View of the site Mobile version of the site

Next.config.js

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  swcMinify: true,
}

module.exports = nextConfig

package.json

{
  "name": "youtube",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "axios": "^0.27.2",
    "next": "12.2.2",
    "react": "18.2.0",
    "react-avatar": "^5.0.1",
    "react-dom": "18.2.0",
    "react-icons": "^4.4.0",
    "react-loading-skeleton": "^3.1.0",
    "react-player": "^2.10.1",
    "react-tooltip": "^4.2.21",
    "tailwind-scrollbar-hide": "^1.1.7"
  },
  "devDependencies": {
    "autoprefixer": "^10.4.7",
    "eslint": "8.19.0",
    "eslint-config-next": "12.2.2",
    "postcss": "^8.4.14",
    "tailwindcss": "^3.1.6"
  }
}

Download details:

Author: Sadeedpv
Download Link: Download The Source Code
Official Website: https://github.com/Sadeedpv/MeTube

#next #nextjs #react #javascript #tailwindcss

Increase your user acquisition rate with Youtube clone script

Stretch your business verticals by launching a Youtube clone. Allure a wide range of users by implementing unique, and popular features into the app. To help you with this, at Appdupe, we build high standard clone scripts that will gain fame for your application. Let us go through the basic functioning, and intuitive features of the app.

Basic functioning of the application:

The user will download the application, and log into the app after completing the registration.
After this, the user can view any number of videos uploaded by other users.
The user can also create a channel, and upload videos in the app format.
The user can captivate viewers by streaming live videos.
Based on the user’s video content, viewers can like/dislike videos.
The application has many such inbuilt features to offer a world class quality.

Crucial features of the application that makes it unique from competitors:

Video resolution conversion- The app will convert any type of video into FLV for smooth video streaming. Through this feature, users don’t have to bother much about the quality of the video.

Live streaming- With this feature, users can stream live videos that will keep their users engaged to their channel.

Flag/Report- If users feel that the content of any channel is inappropriate, then users can report/flag that channel. The admin will verify the channel’s content, and will take necessary steps to remove that account.

Multilingual- The app is not restricted to any particular language. Instead, the app supports multiple languages to cover the global audience.

Conclusion
Our Youtube clone script is designed carefully to meet your business needs. We offer customizable, and scalable solutions that will fall under your budget. Schedule a call with our team to get a demo model.

#youtube clone #youtube clone app #youtube clone script #app like youtube #best live streaming app

anita maity

1621077133

Responsive Footer Design using HTML, CSS & Bootstrap

Hello Readers, welcome to my other blog, today in this blog I’m going to create a Responsive Footer by using HTML & CSS only. Earlier I have shared How to create a Responsive Navigation Menu and now it’s time to create a footer section.

As you can see on the image which is given on the webpage. There are various important topics there like About us, Our services and subscribes, some social media icons, and a contact section for easy connection. I want to tell you that it is fully responsive. Responsive means this program is fit in all screen devices like tablet, small screen laptop, or mobile devices.

Live Demo

#responsive footer html css template #footer design in html #simple footer html css code #simple responsive footer codepen #responsive footer code in html and css #responsive footer html css codepen

Next.JS Developer

1659058085