Giter Club home page Giter Club logo

chords-app's Introduction

Chords App

Chords App es una aplicación web que te permite almacenar y gestionar partituras de canciones de forma sencilla. Utiliza CKEditor para proporcionar una herramienta de edición de texto; lo que te permite agregar y dar formato a las partituras de manera intuitiva. La aplicación está desarrollada con Vue 3 y Vuex, para la base de datos utilizo la Real Time Data Base de Firebase y guardo las imagenes con el servicio de nube de Cloudinary.

Funcionalidades

  • Editor de texto: Utiliza CKEditor para proporcionar una herramienta de edición de texto avanzada, lo que permite dar formato a las partituras de manera intuitiva.

  • Campos de información: Los usuarios pueden ingresar el título de la canción, el nombre del intérprete y la partitura en sí. También hay una opción para agregar una foto relacionada con el intérprete o el álbum de la canción.

  • Listado de registros: Las partituras se muestran en un listado que se refleja en la parte izquierda de la aplicación, lo que facilita la navegación y la gestión de las canciones guardadas.

  • Búsqueda y filtrado: La searchbar permite encontrar canciones por intérprete o nombre de la canción, lo que facilita la ubicación de partituras específicas en la colección.

  • Operaciones CRUD: Los usuarios pueden realizar operaciones de Crear, Leer, Actualizar y Eliminar (CRUD) en las partituras. Esto significa que pueden agregar nuevas canciones, editar las existentes o eliminar aquellas que ya no necesiten.

  • Almacenamiento en tiempo real: La información se guarda utilizando Firebase Realtime Database, lo que permite una experiencia de edición y visualización en tiempo real, sin la necesidad de recargar la página.

  • Almacenamiento de imágenes: Las imágenes relacionadas con los intérpretes o los álbumes se guardan en Cloudinary, lo que asegura un almacenamiento seguro y eficiente de los archivos multimedia.

//Comentario del dev

Fue una app que creé para uso personal, por lo que no puedo compartir el deploy. Pero dejo el código para que puedan modificar o implementar nuevas funcionalidades para su propia app.

https://www.linkedin.com/posts/valentino-ghitti-b6042120a_vue-frontend-firebase-activity-6980613223297241089-dcM7/?utm_source=share&utm_medium=member_desktop

chords-app's People

Contributors

valentinoghitti avatar

Stargazers

 avatar

Watchers

 avatar

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.