Zee5
About Zee5 App -->Watch premieres of yourfavourite TV show episodes a day before telecast on ZEE5 -->Features Landing Page | Login, signup, and user profile | Video page | Buy Plan --> Tech-Stack HTML | CSS | JavaScript| JSON
Install / Use
/learn @Akash2377/Zee5README
Zee5-Clone
<h2>Online OTT platform</h2> <h3>Zee5 offers an exhaustive array of content; with 90+ live TV channels and 1.25 lac+ hours of viewing across the languages of English, Hindi, Bengali, Malayalam, Tamil, Telugu, Kannada, Marathi, Oriya, Bhojpuri, Gujarati & Punjabi making it a complete video destination for OTT viewers.</h3> <h3>A collaborative project built by 5 Developers within 7 days.</h3> <h4>Tech Stack : HTML | CSS | JavaScript | JSON Server</h4> <h4>Features : </h4> <p>---> Sign Up | Login</p> <p>---> Landing Page | Home Page | Movie Page | Profile Page ( Dynamic )</p> <p>---> Add Movie in Watch list | Buy </p> <p>---> Buy plan | Apply Coupons | Payment</p> <p>---> Video Page | Help Center</p> <br />** Problem statement**
<br> Our Problem statement is creating a pixel-perfect clone of [Zee5](https://www.zee5.com/). Previously we did a clone of a few web pages but in this problem, we were supposed to make pages dynamic.** The Idea**
<br> We are pursuing a Full Stack Web Development course at Masai school, In Masai school, we have given a project to clone the Zee5 website. It was a pretty good project to work on. We are five members of the team. The task was to clone the pixel-perfect layout of the Zee5 website. Let's look at how we designed itHome Page 👇
Language Change option 👇
Login Page 👇
Profile Page 👇
Edit Profile 👇
Buy plan 👇
Payment Section 👇
Payment Cnfirmation👇
Subscription Details 👇
Search Option 👇
More Results 👇
Sorting and Filter 👇
Watch selected video 👇
Add to watch list 👇
Watch list 👇
Logout option 👇
Create JSON Server
{
"UserLoginDetails": [
{
"password": "12345678",
"email": "",
"phone": "8585858585",
"userLoginId": 1658656526044,
"id": 1,
"name": "",
"gender": "Male",
"dateOfBirth": "",
"plan699": true,
"plan499": false,
"watchList": [
{
"VID": "BKviRM0KF2A",
"title": "AVENGERS: ENDGAME All Movie Clips - Final Battle (2019)",
"photo": "https://i.ytimg.com/vi/BKviRM0KF2A/mqdefault.jpg "
},
{
"VID": "QblXRGSTJlU",
"title": "Rangbaaz: Darr Ki Rajneeti - OFFICIAL TRAILER (HD) | A ZEE5 Original | Watch Now on ZEE5",
"photo": "https://i.ytimg.com/vi/QblXRGSTJlU/mqdefault.jpg "
},
{
"VID": "tUkEl5pYMpk",
"title": "Dance india dance S03 6 August 2022 full episode | DID S03 6 August 2022 full episode",
"photo": "https://i.ytimg.com/vi/tUkEl5pYMpk/mqdefault.jpg "
},
{
"VID": "epTjTuZSX6Y",
"title": "Meet the Hindi voice behind NICK FURY",
"photo": "https://i.ytimg.com/vi/epTjTuZSX6Y/mqdefault.jpg "
}
]
}
],
"zeeOriginalData": [
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-0-1z51248/portrait/1920x770cac95b31db724e7eae3dd3401aad05a2.jpg",
"moviename": "Dial 100"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-0-1z51560/portrait/1920x770087ff5f6d15f44f98b6a27adc7130aac.jpg",
"moviename": "Helmet"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-0-369273/portrait/1920x7707c47b251e254462c80266717d90ba9be.jpg",
"moviename": "Silence...Can You Hear It?"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-0-1z573699/portrait/1920x77025b1b234a8ca480cae0f64c2e006f9e3.jpg",
"moviename": "36 Farmhouse"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-0-1z51134/portrait/1920x7705ba0721ce7f4418aa2eb3de2c6863c90.jpg",
"moviename": "State of Siege: Temple Attack"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-0-1z562203/portrait/1920x770f86e37b3d5cd4766b4327cbb2b4608cc.jpg",
"moviename": "Antim: The Final Truth"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-6-3187/portrait/1920x770d8a19e87180644a0a983d40116ef6baf.jpg",
"moviename": "Kori Khala"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-6-4z531922/portrait/1920x770f0c7e8ef8cbf47a8a5a8ac68dcedca73.jpg",
"moviename": "Jodhya Akbar"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-6-3021/portrait/1920x7707464fcdbe7e54788aaf8031570f41c52.jpg",
"moviename": "Jiban Sathi"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-6-22/portrait/1920x770b68edeee6eed47febe62bc6035d1dc1c.jpg",
"moviename": "RannaGhar"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-6-4z541514/portrait/1920x770a7f0b1b166ad4c27b6ccaeb8eec085ba.jpg",
"moviename": "Pilu"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-6-3252/portrait/1920x770e86f02452ead429587c85e0a3e1fbc85.jpg",
"moviename": "Amader Ei Poth Jodi na Sesh Hoy"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-6-3103/portrait/1920x770f9184713291d4a60a13420e3c6bc9c27.jpg",
"moviename": "Aparajita Apu"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-6-3121/portrait/1920x77026b50f0fc02f4193a1417677ec00b009.jpg",
"moviename": "Mithai"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-6-3328/portrait/1920x770611fdd1bb6a842938b3bc32c09a826d8.jpg",
"moviename": "Sorbojaya"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-6-3493/portrait/1920x770e95592d66bc04e4e89b807cbf6e37184.jpg",
"moviename": "Uma"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-6-4z587354/portrait/1920x770d654eabf22fc4471aaa4e04da5828833.jpg",
"moviename": "Lakki kakima"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-6-4z587360/portrait/1920x770ce1b009d79e24e6f995f91987203e1f7.jpg",
"moviename": "Didi Number 1"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-6-3731/portrait/1920x770a7fc19d082c444dba4ec7aaf78e4e4cc.jpg",
"moviename": "DadaGiri Unlimited"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_321,h_482,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-6-2887/portrait/1920x7704bd494eaa6f5459e9a4a9d4232cd95ca.jpg",
"moviename": "Jomuna Dhaki"
}
],
"TvShowsZee5": [
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_407,h_229,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-1-6z599316/list/00000004d9765b80dbe642d5a121ca361feb2143.jpg",
"text": "Happu Ki Ultan Paltan - February 22, 2022 - Episode Spoiler",
"smallText": "E 702"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_407,h_229,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-1-6z599236/list/00000013ae1d187ce59f4a97ae8d1bc1604c8bb5.jpg",
"text": "Baal Shiv",
"smallText": "E 66"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_407,h_229,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-1-6z599143/list/00000009763098f334fc472dbd1628fc69413258.jpg",
"text": "Meet ",
"smallText": "E 172"
},
{
"img_url": "https://akamaividz2.zee5.com/image/upload/w_407,h_229,c_scale,f_webp,q_auto:eco,dpr_2.0/resources/0-1-6z599031/list/000000060a9ad90c83774b53b9ba187b6ed20c68.jpg",
