Giter Club home page Giter Club logo

devflix's Introduction

DevFlix 🎬

All Contributors

es en

Bienvenido/a al repositorio de DevFlix, un clon de Netflix rediseñado y enfocado en ofrecer una plataforma para ver videos tutoriales de Desarrollo y Diseño Web.

Desarrollado en vivo en el canal de Twitch de ikurotime

Tecnologías Utilizadas 🚀

  • Qwik: Qwik es el framework utilizado para el desarrollo rápido y eficiente de la interfaz de usuario.

  • QuikCity: Es un conjunto de utilidades extra para Qwik que facilitan el proceso de hacer build de la aplicación, routing en base a la estructura de carpetas, layouts y más.

  • Supabase: Supabase es la elección para el backend de DevFlix. Es una plataforma de código abierto que combina una base de datos PostgreSQL y un servicio de API RESTful para acelerar el desarrollo backend.

  • Prisma: Prisma se encarga de gestionar la base de datos de DevFlix. Proporciona una interfaz de base de datos moderna y sencilla que facilita la consulta y manipulación de datos.

  • DaisyUI: Los estilos de la interfaz están diseñados con DaisyUI, una librería de componentes para Tailwind CSS. DaisyUI ofrece una estética limpia y moderna que mejora la experiencia visual de los usuarios.

Features 💡

Funcionalidades hechas y por hacer:

  • Login
  • Dashboard
  • Página de Home con series
  • Lista de ver más tarde
  • Detalle de serie
  • Pantalla de perfiles
  • Recopilar videos de tutoriales dev
  • (opcional) Cambiar foto de perfil

Instalación y Uso 🛠️

  • Clona este repositorio en tu máquina local.

  • Asegúrate de tener Node.js y npm instalados.

  • Instala las dependencias utilizando el siguiente comando:

npm install
  • Configura la base de datos de Supabase y Prisma según las instrucciones en los archivos de configuración.

  • Inicia el servidor de desarrollo con:

npm run dev

Visita http://localhost:5173 en tu navegador para acceder a DevFlix!

Contribución 🤝

¡Gracias por considerar contribuir a DevFlix! Todas las Pull Requests son bienvenidas 🤓☝ Si deseas colaborar, sigue los siguientes pasos:

  • Crea un Fork de este repositorio.

  • Crea una rama con tu función o mejora:

git checkout -b feature/AmazingFeature
  • Realiza las modificaciones en el código y asegúrate de que los cambios sean coherentes con los estándares del proyecto.

  • Envía tus cambios en una pull request a este repositorio principal.

  • Yo mismo o algún otro colaborador revisará tu pull request y lo fusionará si todo está en orden.

  • ¡Listo! Tu contribución será aceptada y añadida al proyecto.

Licencia 📄

Este proyecto se distribuye bajo la Licencia MIT. Siéntete libre de utilizar y modificar el código como desees.

Gracias 🎉

Esperamos que disfrutes DevFlix tanto como nosotros hemos disfrutamos creándolo. Dale una estrella ⭐ si te ha gustado.

¿Preguntas o sugerencias? ¡Contáctanos a través de las issues

Hecho con ❤️ por ikurotime

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Noel Lopez
Noel Lopez

📖
Jarrison Cano
Jarrison Cano

💻
Daniel Gerardo Rondón García
Daniel Gerardo Rondón García

💻

This project follows the all-contributors specification. Contributions of any kind welcome!

devflix's People

Contributors

allcontributors[bot] avatar ikurotime avatar jarrisondev avatar noel-lopez avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

jarrisondev

devflix's Issues

Add the following 5 creators

-ChrisVDev
-Altaskur
-Guillermo Rodas
-danirod_
-bettatech

Add the creator to the JSON following this format

  {
    "id": 0,
    "name": "ikurotime",
    "video": "https://www.youtube.com/watch?v=9r0r4YjH48w",
    "image": "https://i.ytimg.com/vi/9r0r4YjH48w/hqdefault.jpg?sqp=-oaymwEcCPYBEIoBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAjg_6TCN4sEeA8AkoNFXbkE9vxFQ"
  }

Add the following 5 creators

-Eduardo fierro pro
-SoyDalto
-Oscar Barajas
-Codely
-CarmenAnsio

Add the creator to the JSON following this format
data/creators.json

  {
    "id": 0,
    "name": "ikurotime",
    "video": "https://www.youtube.com/watch?v=9r0r4YjH48w",
    "image": "https://i.ytimg.com/vi/9r0r4YjH48w/hqdefault.jpg?sqp=-oaymwEcCPYBEIoBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAjg_6TCN4sEeA8AkoNFXbkE9vxFQ"
  }

Add the following 5 creators

-Afor_digital
-CarlosAzaustre
-MoureDev
-Midudev
-Miriamgonp

Add the creator to the JSON following this format

  {
    "id": 0,
    "name": "ikurotime",
    "video": "https://www.youtube.com/watch?v=9r0r4YjH48w",
    "image": "https://i.ytimg.com/vi/9r0r4YjH48w/hqdefault.jpg?sqp=-oaymwEcCPYBEIoBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAjg_6TCN4sEeA8AkoNFXbkE9vxFQ"
  }

Add the following 5 creators

-GoncyPozzo
-RothioTome
-Hector de Leon
-vamoacodear
-Manzdev

Add the creator to the JSON following this format
data/creators.json

  {
    "id": 0,
    "name": "ikurotime",
    "video": "https://www.youtube.com/watch?v=9r0r4YjH48w",
    "image": "https://i.ytimg.com/vi/9r0r4YjH48w/hqdefault.jpg?sqp=-oaymwEcCPYBEIoBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAjg_6TCN4sEeA8AkoNFXbkE9vxFQ"
  }

Add the following 5 creators

-Niv3k_el_pato
-Serudda
-Savitar
-BlueWeb
-Jon Mircha

Add the creator to the JSON following this format
data/creators.json

  {
    "id": 0,
    "name": "ikurotime",
    "video": "https://www.youtube.com/watch?v=9r0r4YjH48w",
    "image": "https://i.ytimg.com/vi/9r0r4YjH48w/hqdefault.jpg?sqp=-oaymwEcCPYBEIoBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAjg_6TCN4sEeA8AkoNFXbkE9vxFQ"
  }

Add the following 5 creators

-FernandoHerrera
-ArturoDevelop
-TheFrontDev
-FaztWeb
-Gentleman Programming
Add the creator to the JSON following this format
data/creators.json

  {
    "id": 0,
    "name": "ikurotime",
    "video": "https://www.youtube.com/watch?v=9r0r4YjH48w",
    "image": "https://i.ytimg.com/vi/9r0r4YjH48w/hqdefault.jpg?sqp=-oaymwEcCPYBEIoBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAjg_6TCN4sEeA8AkoNFXbkE9vxFQ"
  }

Add: MatiasBaldanza

Add the creator to the JSON following this format

  {
    "id": 0,
    "name": "ikurotime",
    "video": "https://www.youtube.com/watch?v=9r0r4YjH48w",
    "image": "https://i.ytimg.com/vi/9r0r4YjH48w/hqdefault.jpg?sqp=-oaymwEcCPYBEIoBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAjg_6TCN4sEeA8AkoNFXbkE9vxFQ"
  }

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.