GithubHelp home page GithubHelp logo

germancitoz / mixin-feelings Goto Github PK

View Code? Open in Web Editor NEW
13.0 3.0 1.0 415 KB

AI application which classifies your feelings and recommends Spotify playlists

Home Page: https://mixin-feelings.vercel.app

JavaScript 8.77% Astro 4.06% TypeScript 80.36% Svelte 6.48% Shell 0.32%
midudev-cohere-2023 hackathon

mixin-feelings's Introduction

Mixing Feelings 🎧 - Co:here Hackathon

Dime como te sientes, y te recomendare 3 playlist de Spotify!

cover-mixin


Características de la app ⚙️

  1. Clasificar tu estado de animo en base a lo que ingreses al input. (Usando la API de Co:here).

  2. Mostrarte 3 listas de reproducciones en base a la clasificación de tus sentimientos. (Usando la API de Spotify).

  3. Reproducir una canción de alguna de las 3 listas de reproducción.

  4. Guardar tu feedback en base de datos para entrenar a la IA de Co:here.

Tecnologías principales 🧪

  • Astro
  • React JS
  • Svelte
  • TypeScript
  • Tailwind CSS
  • Supabase

Instalación 🧰

  1. Clona el repositorio ( Necesitas tener instalado Git ).
    git clone https://github.com/Germancitoz/mixin-feelings.git
  1. Instala las dependencias del proyecto con el siguiente comando:
    npm install
  1. Antes de levantar el servidor de desarrollo necesitas lo siguiente:

    • Crear un archivo .env en la raíz del proyecto y agregar las siguientes variables
    PUBLIC_COHERE_API_KEY=
    PUBLIC_SPOTIFY_TOKEN=
    PUBLIC_SUPABASE_URL=
    PUBLIC_SUPABASE_ANON_KEY=
    PUBLIC_RAPIDAPI_KEY=
    PUBLIC_RAPIDAPI_HOST=
    
  2. Levanta el servidor de desarrollo.

    npm run dev

 

Demostración en vivo ⛓️

mixin-feelings.vercel.app


Integrantes del proyecto 👥

mixin-feelings's People

Contributors

felipetodev avatar franklin361 avatar germancitoz avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

felipetodev

mixin-feelings's Issues

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.