Coder Social home page Coder Social logo

sawsent / moodriser Goto Github PK

View Code? Open in Web Editor NEW

This project forked from marcomartins89/moodriser

4.0 0.0 0.0 13.7 MB

MoodRiser is a web application created during a 24-hour hackathon at the CodeForAll Fullstack Programming Bootcamp. Utilizing HTML, CSS, JavaScript, Python with Flask, and various APIs including Spotify and Google Books, and OpenAI, this SPA helps users manage their emotions through personalized content recommendations based on their current mood.

Home Page: https://www.moodriser.com

JavaScript 73.55% CSS 19.98% HTML 6.47%
book-recomendation chartjs google-books-api hackathon-project interactive-data-visualization mood-tracking motivational-quotes openai-api personalized-recommendation python-flask single-page-app spotify-api tech user-experience-design webapp emotional-health-support-tool emotional-wellbeing mood-based-content-filtering playlist-recomendation

moodriser's Introduction

MoodRiser

MoodRiser is a web application designed to help people feel better by providing curated content based on their mood. Whether you're feeling down, stressed, or simply want a mood boost, MoodRiser offers personalized recommendations to lift your spirits.

Features

  • User Input: Start by typing how you're feeling in the provided prompt. Additionally, rate your mood on a scale from 0 to 10 using the slider.
  • Playlist Recommendations: MoodRiser communicates with the Spotify API to suggest playlists tailored to your mood. Simply enter your mood, and MoodRiser will find the perfect playlist to match.
  • Inspirational Quotes: Receive a motivational quote to uplift your spirits and provide encouragement.
  • Book Suggestions: Discover recommended books related to your mood, offering inspiration, comfort, or a new perspective. (Powered by the official Google Books API)
  • Dynamic Visualization: Track your mood over time with the mood history feature, displayed in an interactive graph.

Technologies Used

  • Frontend: Developed using HTML, CSS, and JavaScript, with a Single Page Application (SPA) architecture for seamless user experience.
  • Backend: Powered by Python and Flask framework, providing the server-side logic for fetching data and communicating with external APIs.
  • API Integration: Utilizes the Spotify API for playlist recommendations, OpenAI's ChatGPT API for generating personalized responses, and the official Google Books API for book suggestions.
  • Data Visualization: Implemented using Chart.js library for dynamic mood tracking visualization.

Deployment

  • Website: MoodRiser is accessible online at www.moodriser.com.
  • Backend: Hosted on Render platform, ensuring reliable and scalable backend services.

Meet the Team

  • André Hortelão
  • Vicente Figueiredo
  • Marco Martins
  • Daniel Carvalho

How to Use

  1. Visit www.moodriser.com in your web browser.
  2. Enter how you're feeling in the prompt and rate your mood using the slider.
  3. Click on the "Submit" button to receive personalized recommendations.
  4. Explore the suggested Spotify playlist, motivational quote, and book suggestions to uplift your mood.
  5. Track your mood over time by accessing the mood history feature.

ScreenShots

Screenshot Screenshot Screenshot


MoodRiser - Uplifting Your Spirits One Step at a Time! 🌟

moodriser's People

Contributors

hortelao avatar sawsent avatar

Stargazers

Ellen Zhang319 avatar Vivek Kumar avatar Shadrack Gicheru avatar  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.