https://github.com/shwetaank/cinestream
A dynamic platform for streaming movies and shows, featuring secure authentication, personalized recommendations, and seamless playback.
https://github.com/shwetaank/cinestream
clerkauth flowbite-react nextjs14 reactjs redux-toolkit
Last synced: 4 months ago
JSON representation
A dynamic platform for streaming movies and shows, featuring secure authentication, personalized recommendations, and seamless playback.
- Host: GitHub
- URL: https://github.com/shwetaank/cinestream
- Owner: Shwetaank
- Created: 2024-09-21T08:01:11.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-23T07:38:54.000Z (about 1 year ago)
- Last Synced: 2025-01-14T01:47:26.044Z (about 1 year ago)
- Topics: clerkauth, flowbite-react, nextjs14, reactjs, redux-toolkit
- Language: JavaScript
- Homepage: https://cine-stream-xi.vercel.app/
- Size: 8.04 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Cinestream đŦ
A dynamic and responsive movie streaming platform đĨ tailored for delivering an engaging entertainment experience, featuring secure user authentication đ, personalized content recommendations đŦ, and seamless video playback đŽ.
## Table of Contents đ
- [Overview](#overview-âšī¸)
- [Features](#features-â¨)
- [Screenshots](#screenshots-đŧī¸)
- [Demo](#demo-đĨ)
- [Installation](#installation-âī¸)
- [Usage](#usage-đ)
- [Technologies Used](#technologies-used-đģ)
- [Contributing](#contributing-đ¤)
- [Problem Statement](#problem-statement-đ)
- [Future Scope](#future-scope-đ)
- [License](#license-đ)
- [Credits](#credits-đ)
- [Contact](#contact-đ)
## Overview âšī¸
**Cinestream** provides an immersive platform for users to browse đĨ, watch đŦ, and manage their favorite movies and shows. Built with **Next.js**, it features secure user authentication đ via **Clerk**, and is styled using **Tailwind CSS** for a sleek, responsive design đ. Designed to work seamlessly across all devices, the app aims to enhance user experience in discovering and enjoying content đ.
## Features â¨
- **User Authentication**: Secure login and registration with **Clerk** đ.
- **Content Library**: Access a diverse selection of movies and shows đŦ.
- **Personalized Recommendations**: Receive tailored content suggestions based on user preferences đ¯.
- **Seamless Video Playback**: Enjoy smooth streaming powered by the **YouTube API** đŽ.
- **Watchlist Management**: Save and manage your favorite movies and shows đ.
- **Responsive Design**: Optimized for an exceptional experience on both mobile and desktop devices đąđģ.
## Screenshots đŧī¸
## Demo đĨ
https://github.com/user-attachments/assets/08f165a6-1390-4730-afc0-970392e85d06
## Installation âī¸
To run this project locally, follow these steps:
```bash
# Clone the repository
git clone git@github.com:yourusername/cinestream.git
# Navigate to the project directory
cd cinestream
# Clerk Authentication
# Get the Key from Clerk and save it in the .env file
# Install dependencies
npm install
# Start the development server
npm run dev
```
## Usage đ
1. **Visit the Cinestream** web application. đ
2. **Sign in or register** using Clerk authentication. đ
3. **Browse through the content library**, and explore different genres. đŦ
4. **Watch movies or shows** with seamless playback. đĨ
5. **Manage your watchlist** to keep track of your favorites. đ
6. **Receive personalized recommendations** based on your viewing history. đ¯
## Technologies Used đģ
- **Next.js**: Framework for building server-rendered React applications. âī¸
- **React**: Front-end library for building user interfaces. đĻ
- **Clerk**: User authentication and management. đ
- **Tailwind CSS**: Utility-first CSS framework for styling. đ¨
- **Flowbite React**: Component library for UI elements. đ§Š
- **Axios**: Promise-based HTTP client for making API requests. đ
- **Framer Motion**: Library for animations and transitions. đī¸
- **React Router**: Declarative routing for React applications. đĻ
- **YouTube API**: For video streaming and playback. đĨ
## Contributing đ¤
Contributions are welcome! To contribute:
1. **Fork the repository**. đ´
2. **Create a new branch** for your feature or bugfix:
```bash
git checkout -b feature/your-feature
```
3. Commit your changes :-
```bash
git commit -m "Add some feature"
```
4. Push to the branch:-
```bash
git push origin feature/your-feature
```
5. Open a pull request. đ
## Problem Statement đ
In the digital entertainment landscape, users face challenges such as:
- **Content Overload**: With vast amounts of content available, users often struggle to find relevant movies or shows. đ¯
- **Lack of Personalization**: Many platforms offer limited options for users to receive tailored content based on their preferences. đ¨
- **Inconsistent Playback Experiences**: Users often encounter buffering or quality issues during streaming. đŦ
- **Security Concerns**: Managing user access and authentication securely is critical in digital platforms. đ
**Cinestream** addresses these challenges by providing a dynamic platform that combines secure authentication, personalized recommendations, and seamless streaming.
## Future Scope đ
Cinestream has potential for future enhancements:
- **Expand Content Library**: Integrate additional APIs for a wider range of movies and shows. đ
- **Advanced User Analytics**: Offer insights into user viewing habits and preferences. đ
- **Social Features**: Introduce features for sharing recommendations and creating watch parties. đđ
- **Mobile Application**: Develop a dedicated mobile app for on-the-go access. đą
- **AI-Driven Recommendations**: Utilize machine learning to enhance content suggestions based on user behavior. đ¤đ¯
## License đ
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Credits đ
- **YouTube API** for video streaming capabilities. đĨ
- **Clerk** for secure authentication services. đ
- **Tailwind CSS & Flowbite-React** for styling the application. đ¨
- **React Icons** for icons. â
## Contact đ
For any questions or suggestions, feel free to reach out:
- **Email**: spmorey87@gmail.com đ§
- **Twitter**: [@Sin_Greed___](https://x.com/Sin_Greed___) đĻ
- **LinkedIn**: [Shwetank Morey](https://www.linkedin.com/in/shwetank-morey-a35484257/) đ