Code Monkey home page Code Monkey logo

massage.ify's Introduction

Massage.ify

https://massage-ify.herokuapp.com/techniques/

Learn and calloborate with a community of people dedicated to health and living a pain free life. Whether you're looking how to self manage pain, or how to provide bodywork to another person, there's something for everyone.

Explore an instructional index of massage styles, approaches and specific techniques. Collect favorite moves, create playlists with different time intervals that can be used for all day reminders to take stretch breaks, or setup an hour to follow a massage/stretching protocal. Anything is possible.

Submit your own massage techniques to the community to share your knowledge!

Index

Getting Started

A place to collect and share body maintenace approaches and techniques. Submit your own ideas and styles to the community. Create playlists with timers that can run all day to give you stretch break reminders or just to help stay on track while providing a massage to someone else for a set interval.

Create a profile, start browsing the index of techniques. Add to your favorites and create a playlist with your favorites. You can use the massage timer from the playlist page, it will automatically be set depending on how long each technique is. Stay tuned for updates.

Authors

Scope

Technologies used:

User Stories

Sprint 1: Basic Auth & Profiles
  • Basic splash page

    • Login
    • Register
  • Profile page - photo default - edit profile - list of playlists

  • Navbar - Login or Logout - Massage index

  • Seed data - massage techniques - playlists

  • Index of favorite massage techniques

  • Massage technique details page

Sprint 2: Techniques CRUD
  • User can delete massage techniques from their favorites
  • User can add massage techniques to favorites from the massage techniques index - Stretch: or from other user’s profiles/playlists
Sprint 3: Playlists
  • User can create a massage playlist that saves to their profile - playlist adds techniques from the favorites index or global index
  • User can edit a playlist - name, picture, add/delete techniques, adjust time
  • Admin can edit or add new techniques to global index - Stretch: Users can submit a technique, but must it be approved before adding it to the global index?
Sprint 4: Playlist modes
  • Add different playlist modes: - Self massage - interval timing for full day use - Partner massage - timer for continuous amount

Wireframes

Profile Page

Wireframe3

Playlist Page

Create Playlist Page

Technique Index Page

Technique Detail Page

Data Models

Future Updates

Technologies
  • Add Spotify playlist API
  • Relaunch with React frontend
  • Mobile app version - React Native
Features
  • Edit profile
  • Instructions
  • Various styling changes
    • Techniques in global database will display message that you've added them.
    • More transitions and icons
  • Timer settings: User will be able to customize time intervals with alerts
  • Submit techniques to the community
    • Users can upload photos and videos
      • Self made content
        • Connect IG, tiktok, etc..
  • View other user's playlist and add them to your own profile
  • Follow other users
  • Find massage therapist/trainers in your area
    • connect an external search api like yelp, nextdoor
    • Provide a site index of therapist in the website community
      • Provide profile pages for professionals
  • Forums
    • Post skill-trade inquiries
    • Post discussions about pain, stories, guidance
  • Injury tracker
    • Collect data that shows if methodologies/techniques are working
      • Display graphs to visually represent data
      • Share data with community, tags techniques used

References

massage.ify's People

Contributors

longevitytina 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.