š¶ ZuÅ”flix š¶
Overview
ZuÅ”flix is a š„ video catalog with a sleek, Netflix-inspired user interface designed to browse and watch videos of local šµ music school concerts. The project aims to provide easy access to concert videos for teachers, students, and parents, all in one place. With a user-friendly interface and robust backend, ZuÅ”flix simplifies the management and viewing of music school performances.
Features
- Modern User Interface: ZuÅ”flix boasts a visually appealing and intuitive interface, making it easy for users to browse and search for videos. The Netflix-like design provides a familiar and š„ engaging experience.
- Video Catalog: The platform offers a comprehensive š catalog of concert videos, allowing users to explore and watch performances at their convenience. Videos are organized and presented in a user-friendly manner.
- Secure Auth Page: ZuÅ”flix includes a š secure authentication system, ensuring that only authorized users can access the video content. This adds a layer of privacy and protection to the platform.
- Admin Capabilities: The admin panel empowers administrators to manage the video catalog effectively. They can easily add š, edit āļø, or delete ā video entries, keeping the content fresh and well-organized.
- Google Drive Integration: Videos are seamlessly integrated with Google Drive, providing a reliable and secure āļø hosting solution. This ensures efficient video streaming and storage.
Why ZuŔflix?
ZuŔflix was created as the final portfolio project of a junior developer, with the goal of learning and applying NextJS, SQL PostgreSQL, and full-stack development skills in a real-world context. By building ZuŔflix, the developer gained hands-on experience in creating a functional and visually appealing web application, while also addressing a genuine need for simplified access to music school concert videos.
Technologies Used
- NextJS: For server-side rendering and static site generation, delivering a lightning-fast ā”ļø user experience.
- SQL PostgreSQL: A powerful and flexible database system for storing and managing š video metadata.
- React: Crafting the user interface with reusable components, ensuring consistency and responsiveness.
Getting Started
To set up and run ZuŔflix locally:
- Fork or clone this repository.
- Ensure you have Node.js and npm installed.
- Install dependencies by running
npm install
in the project directory.
- Create a
.env
file for your API keys and environment variables.
- Start the development server with
npm run dev
and visit http://localhost:3000
.
Contributing
Contributions are welcome! Feel free to open an issue or submit a pull request. Check out the contribution guidelines for more info.
License
ZuŔflix is licensed under the MIT License. See the LICENSE
file for details.
Thank you for checking out ZuÅ”flix! I hope you enjoy using it as much as I loved building it. Feel free to reach out with any feedback or questions. Happy streaming! š