Video-Clone

Overview

This repository contains the code for a Video Clone App designed using React with Typescript for an assignment given by Hypergro.

Presentation Video https://drive.google.com/file/d/1MF08AZaswQZ17M0BDEGf-JQYAPEYah6E/view?usp=sharing

Technologies Used

1. TypeScript

This project is developed using TypeScript, a superset of JavaScript that adds static typing to the language. TypeScript offers several benefits, including:

Type Safety:- TypeScript provides compile-time type checking, helping catch errors and bugs early in the development process.

Enhanced IDE Support:-IDEs and text editors with TypeScript support offer advanced features like code completion, refactoring tools, and type information tooltips.Improved Code Maintainability: With explicit type annotations, code becomes more self-documenting and easier to understand, reducing the likelihood of introducing errors during maintenance.

Better Collaboration:-TypeScript's type system helps clarify interfaces and function signatures, facilitating collaboration among team members.

Ecosystem Compatibility:- TypeScript seamlessly integrates with existing JavaScript libraries and frameworks, allowing gradual adoption in projects.

2. React

React is a JavaScript library for building Ssamless UI. Its component-based architecture makes it easy to manage and organize UI elements, promoting reusability and maintainability.React Provide SOC ( Seperation of Concerns ) so we can separate our app.

3. Axios

Axios is a promise-based HTTP client for making asynchronous requests in JavaScript. It simplifies data fetching and handling HTTP responses, making it a reliable choice for API interactions in React applications.

Deployment

The application is deployed on Netlify and can be accessed here.

Home Page

Home page with playing video

Comment Section and Likes and dislikes ( Nested Comment )

How to Run

Installation

Clone the repository: git clone https://github.com/JahirPendhari09/Video-Clone.git
Navigate to the project directory: cd video_clone
Install the dependencies: npm install
Start the development server: npm start
Open your browser and visit: http://localhost:3000

Endpoints

Get All Videos

GET api/videos/

Credits

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

Feel free to explore and integrate these endpoints into your application.