Giter Site home page Giter Site logo

gnani-is-coding / youtube-clone-nxtwatch Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 239 KB

Nxt Watch modelled after YouTube, is a video streaming platform that enables users to log in,explore video categories and search for specific content while adjusting the interface theme(light, dark)

Home Page: https://nxtwatchbygg.ccbp.tech/

JavaScript 83.19% HTML 3.22% CSS 13.58%
css javascript jwt-token-for-authentication localstorage react-components react-context react-props react-state-management reactjs rest-api-calls jwt-token-for-authorization reat-routing

youtube-clone-nxtwatch's Introduction

youtube-clone-nxtWatch

nxtWatch is a video streaming platform.

The whole platform is divided into:-

  • Login
  • Home
  • Trending
  • Gaming
  • SavedVideos
  • VideoDetails route

  • This application has Dark/light theme.
  • Every HTTP request is authorized by, including jwtToken in headers of every request.
  • If the HTTP GET request made is unsuccessful, then the Failure view will be displayed When the Retry button is clicked, an HTTP GET request wwill be made again.
  • SideBar present in each section is used for navigating between routes.

Login section

Features

  1. When an unauthenticated user, tries to access the Home route, Trending route, Gaming route, SavedVideos route, VideoDetails route, then the page will be navigated to Login route.
  2. When an authenticated user tries to access the Login route, then the page will be navigated to the Home route.

Funtionality

  1. When a invalid username and password are provided and the Login button is clicked, then the respective error message received from the response of login API will be displayed.
  2. When a valid username and password are provided and the Login button is clicked, then the page will be navigated to the Home route.
    1. Upon successful login, a jwtToken will be created and will be stored in cookies.
    2. When LogOut button is clicked in Home section, this jwtToken will be removed and page will be navigated to Login section.

Home and Trending section

  1. When an authenticated user opens the Home or Trending Route,
    1. An HTTP GET request will be made to videosApiUrl.
    2. Loader will be displayed while data is being fetched.
    3. After successfully fetching, list of videos will be displayed.

youtube-clone-nxtwatch's People

Contributors

gnani-is-coding avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.