Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/boddepallyvenkatesh06/xflix-frontend

XFlix is a video sharing platform which hosts videos for the world to watch. It also features uploading new videos by using external video links (eg: Youtube) and playing these videos.
https://github.com/boddepallyvenkatesh06/xflix-frontend

css3 form-postman-es7 html5 javascript-library material-ui mockapi react-hooks react-router reactjs responsive responsive-design

Last synced: about 1 month ago
JSON representation

XFlix is a video sharing platform which hosts videos for the world to watch. It also features uploading new videos by using external video links (eg: Youtube) and playing these videos.

Awesome Lists containing this project

README

        

# Xflix-Frontend

Xflix is a single-page application built using React JS, designed to provide a video sharing platform where users can watch and upload videos from external YouTube links. This project utilizes REST API architecture to access and retrieve data from the backend.

## Key Features

- **Video Upload:** Users can easily upload videos by copying and pasting YouTube URLs and providing additional information through an upload form.
- **Video Playback:** Users can watch videos directly within the application.
- **Search Functionality:** Xflix offers a search feature that allows users to find specific videos based on keywords or titles.
- **Filtering Options:** Users can refine their search results by applying filters such as content rating, release date, or specific genres.
- **Voting System:** Xflix includes an upvote and downvote feature, similar to the clap feature on Medium, allowing users to express their appreciation for videos.

## Technologies Used

The Xflix application is built using the following technologies:

- HTML
- CSS
- JavaScript
- React JS
- Material-UI
- REST API

## Installation

To run the Xflix application locally, please follow these steps:

1. Clone the repository:
```
git clone https://github.com/BoddepallyVenkatesh06/XFLIX-FRONTEND.git
```

2. Navigate to the project directory:
```
cd XFLIX-FRONTEND
```

3. Install dependencies using your preferred package manager:
```
npm install
```

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

5. Open your browser and visit `http://localhost:3000` to access the Xflix application.

## Usage

Once you have the application up and running, you can start exploring its features:

- Upload videos by copying and pasting the YouTube URL and filling out the necessary information in the upload form.
- Browse and watch videos by clicking on the available video thumbnails.
- Use the search bar to find videos based on keywords or titles.
- Apply filters such as content rating, release date, or genres to narrow down search results.
- Show your appreciation for videos by upvoting or downvoting them.

Feel free to explore the application and enjoy the video sharing experience on Xflix!

## Contributing

We welcome contributions to enhance Xflix. If you would like to contribute, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make the necessary changes and commit them.
4. Push your changes to your forked repository.
5. Submit a pull request with a description of your changes.

We appreciate your contributions in making Xflix even better!

## License

Xflix Frontend is released under the [MIT License](https://opensource.org/licenses/MIT).

## Contact

If you have any questions or suggestions regarding Xflix, please feel free to contact me at [email protected].

Thank you for choosing Xflix! I hope you enjoy using this video sharing platform.