https://github.com/shakilpendhari/zee5.com

ZEE5 clone using HTML, CSS, JavaScript, React, Redux, MongoDB, Express.js, YouTube API, and Chakra UI for Masai School project, showcasing skills in full-stack web development, API integration, and UI design.
https://github.com/shakilpendhari/zee5.com

chakraui css3 express html5 mongodb mongoose nodejs nodemailer passport-github2 passport-google-oauth20 react redux youtube-api

Last synced: 10 days ago
JSON representation

ZEE5 clone using HTML, CSS, JavaScript, React, Redux, MongoDB, Express.js, YouTube API, and Chakra UI for Masai School project, showcasing skills in full-stack web development, API integration, and UI design.

• Host: GitHub
• URL: https://github.com/shakilpendhari/zee5.com
• Owner: ShakilPendhari
• Created: 2022-11-08T07:56:39.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-30T01:34:25.000Z (10 months ago)
• Last Synced: 2024-10-12T15:27:05.368Z (25 days ago)
• Topics: chakraui, css3, express, html5, mongodb, mongoose, nodejs, nodemailer, passport-github2, passport-google-oauth20, react, redux, youtube-api
• Language: JavaScript
• Homepage: https://zee5-clone-theta.vercel.app/
• Size: 2.02 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ZEE5 Clone

This is a clone of the popular streaming platform, ZEE5. The clone includes the landing page with beautiful scrolling, a video page, searching page, signup page, login page and OTP page. 

Most Important All pages are the fully Responsive for desktop, tab and mobile devices. 



Vercel Link
  https://zee5-clone-theta.vercel.app/  


# Features -:

# Landing Page:

A visually appealing landing page with smooth scrolling and captivating design. 


![Home_page](https://github.com/ShakilPendhari/zee5.com/assets/107555598/1fda4cbc-62ee-428c-9e7f-ee8aecc8ca0a)


Video


https://github.com/ShakilPendhari/zee5.com/assets/107555598/d506740a-d94b-4d68-8b59-b1074af255ab






Check Responsiveness


https://github.com/ShakilPendhari/zee5.com/assets/107555598/a70810fb-6c27-4736-9944-33e17ccb0b1b





# Video Page:

A dedicated page to watch and enjoy a vast collection of movies, TV shows, and original series trailer. 


![Video_page](https://github.com/ShakilPendhari/zee5.com/assets/107555598/147f93d9-9d80-4453-bcc4-c0675ebd951e)

# Searching Page: 

A search functionality allowing users to easily find their favorite content with infinite scrolling. 


![Searching_page](https://github.com/ShakilPendhari/zee5.com/assets/107555598/636ee170-85c0-43d3-b1eb-b61ff56dea9b)

# Signup Page: 

An intuitive signup page for users to create their accounts and access personalized features. 


![Signup_page](https://github.com/ShakilPendhari/zee5.com/assets/107555598/df847905-deea-4b64-8605-77db68fac152)

# Login Page:

A secure login page for existing users to sign in and access their profiles.


![Login_page](https://github.com/ShakilPendhari/zee5.com/assets/107555598/d8bea622-e75f-4a92-a299-9fe94f25af6f)

# OTP Page:

User need to verify their Email via this page, User Should recieve an email with OTP.


![OTP_page](https://github.com/ShakilPendhari/zee5.com/assets/107555598/663de391-1c3b-423f-8a46-9f421c0ff09e)

# Tech Stack -:


The project is built using the following technologies:



    

     

    

    

    

    

    

     

    



# How to Run 


Clone the repository:   ``` git clone https://github.com/ShakilPendhari/zee5.com.git ``` 


Navigate to the project directory:   ``` cd zee5-clone ``` 


Navigate to the project directory:   ``` cd sp_5 ``` 


Install the dependencies:   ``` npm install ``` 


Start the development server:   ``` npm start ``` 


Open your browser and visit:   ``` http://localhost:3000 ``` 


# Credits 


This project was developed by ```Shakil Pendhari``` as a part of ```Masai School``` training program.





Feel free to explore the clone and enjoy the ZEE5 experience!