Giter VIP home page Giter VIP logo

capstone-project-2's Introduction

Capstone Project 2 - Streaming App

Website URL: https://streaming-app-syp4.onrender.com

Streaming App features an engaging movie and TV show slider, inspired by popular streaming platforms like Netflix. This dynamic slider provides users with a visually appealing way to discover and navigate through a curated selection of movies and TV shows.

Key Highlights:

  • Featured Content: Explore handpicked featured movies and TV shows prominently displayed in the slider.
  • Interactive Design: Navigate through the slider with ease, allowing users to quickly browse and select content.
  • Visual Thumbnails: Each item in the slider is accompanied by visually appealing thumbnails, giving users a glimpse of the content.

How to Use the Slider:

  1. Visit the home page.
  2. Look for the movie and TV show slider prominently featured on the page.
  3. Use the navigation controls to slide through the curated selection.
  4. Click on a movie or TV show thumbnail to view more details.

Enjoy a visually rich and interactive experience with the curated movie and TV show slider on Streaming App!

Instructions:

  1. Click the "Sign Up" button.
  2. Fill out the forms, then click the "Submit" button.
  3. You will be redirected to the homepage, where you can enjoy the movie and TV show slider.

Streaming app

Tests

  • there are tests in backend folder.
    cd backend
    npm install
    npm test

  • Note: Create a new account to request an API key/token.

*Tech Stack Used

  • Reactjs
  • Expressjs
  • PostgreSQL
  • Semantic UI
  • Render as website hosting service
  • React Slick as a library (For slider)

Slider Implementation

The movie and TV show slider in Streaming App is implemented using the React Slick library. React Slick provides a smooth and customizable carousel component, enhancing the user experience with its responsive design and feature-rich functionalities.

Feel free to explore the React Slick documentation for more details on its configuration options and customization capabilities.

capstone-project-2's People

Contributors

bconti123 avatar

Watchers

Yuriy Ivanov avatar  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.