Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ikurotime/devflix

Devflix is a netflix clone made with Qwik, Supabase, Prisma, and DaisyUI
https://github.com/ikurotime/devflix

Last synced: about 2 months ago
JSON representation

Devflix is a netflix clone made with Qwik, Supabase, Prisma, and DaisyUI

Awesome Lists containing this project

README

        

# DevFlix 🎬
[![es](https://img.shields.io/badge/lang-es-red.svg)](https://github.com/ikurotime/devflix/blob/main/README.md)
[![en](https://img.shields.io/badge/lang-en-blue.svg)](https://github.com/ikurotime/devflix/blob/main/README.en.md)

Welcome to the DevFlix repository, a redesigned Netflix clone focused on offering a platform to watch Web Development and Web Design tutorial videos.

Developed live on [Twitch](https://twitch.tv/ikurotime) channel of [ikurotime](https://davidhuertas.dev)

## Used Technologies πŸš€

- **Qwik:** Qwik is the framework used for the rapid and efficient development of the user interface.

- **QuikCity:** QwikCity is just an extra set of tools on top of Qwik to make it easier to build a full site, including directory-based routing, layouts, and more.

- **Supabase:** Supabase is the choice for DevFlix's backend. It is an open source platform that combines a PostgreSQL database with a RESTful API service to accelerate backend development.

- **Prisma:** Prisma handles DevFlix's database. It provides a modern and simple database interface that makes it easy to query and manipulate data.

- **DaisyUI:** The interface styles are designed with DaisyUI, a component library for Tailwind CSS. DaisyUI offers a clean and modern aesthetic that enhances the visual experience of users.

## Features πŸ’‘

Features done and to be done:

- [ ] Login
- [ ] Dashboard
- [ ] Home page with series
- [ ] Watch later list
- [ ] Series detail
- [ ] Profile screen
- [ ] Collect dev tutorial videos
- [ ] (optional) Change profile picture

## Installation and Usage πŸ› οΈ

- Clone this repository on your local machine.

- Make sure you have Node.js and npm installed.

- Install dependencies using the following command:

```bash
npm install
```

- Configure the Supabase and Prisma database according to the instructions in the configuration files.

- Start the development server with:

```bash
npm run dev
```

- Visit http://localhost:5173 in your browser to access DevFlix!

## Contribution 🀝

Thank you for considering contributing to DevFlix! All Pull Requests are welcome πŸ€“β˜ If you want to collaborate, follow these steps:

- Create a Fork of this repository.

- Create a branch with your feature or improvement:

```bash
git checkout -b feature/AmazingFeature
```

- Commit your changes:

```bash
git commit -m 'Add some AmazingFeature'
```

- Push the branch to your fork:

```bash
git push origin feature/AmazingFeature
```

- Open a Pull Request to this repository.

- Done! Your Pull Request will be reviewed as soon as possible. TYSM! 😁

## License πŸ“„

This project is under the MIT License. Feel free to use it for your own purposes.

## Thanks πŸŽ‰
We hope you enjoy DevFlix as much as we enjoyed developing it! Give it a star ⭐ if you liked it.

ΒΏQuestions or suggestions? Contact us by the [issues](https://github.com/ikurotime/devflix/issues)

Made with ❀️ by [ikurotime](https://davidhuertas.dev)