DEV Community

Cover image for Motion Fitness: A gamified fitness community to keep you fit
Paul
Paul

Posted on

6 4 5 3 5

Motion Fitness: A gamified fitness community to keep you fit

This is a submission for the Wix Studio Challenge: Community Edition.

I built a niche fitness community platform to help people workout everyday and keep themselves fit.

My Community Platform

  • I made a gamified fitness community for the generation that is very busy and sits mostly in front of computer most of the time.

  • A Community shouldn't just be about discussion, it should help everyone in the community get better at what they are doing.

  • This community I made has commit graph similar to Github, but here we track if you have performed any sort of physical activity every 6 hrs, every day.

  • This is made for everyone, but mostly for professionals to inspire each other to get out of their desk and do some physical activity.

  • I also have added streak to give people incentive to keep coming back and get themselves better one bit at a time.

  • We also have challenges, completing which would earn you badge on your profile.

Demo

Link: https://foxpaul.wixstudio.io/motion-fitness

Features

  • Daily Streak, incentivises users to visit the community daily and improve their lives.
  • Workout commit graph similar to Github, to track workouts.
  • Follow other members.
  • Challenges section, complete challenge and earn badge on profile.
  • Find fitness buddy, aka, someone who wants to work out in groups or pairs.
  • Find top members of the community, to inspire more people to join.
  • Share your profession, so other people in same profession can be motivated.
  • Share Spotify and Youtube playlists
  • Custom members area

Screenshots

Posts

Posts

user profile

user profile

share playlist
Share youtube

Share spotify

Challenges page

Challenge description

Development

development

Update profile

Profile update

Commit question

question description

This question is asked every 6 hrs

Development Journey

I didn't have much time, since I started on 26th, so had to rush a bit and didn't have opportunity to add all the features I wanted.

But after researching a bit I realized for the community I was building I needed a lot more customization, which is why I decided to not use the default Group or forum app, since it was very hard to customize for what I wanted.

So, I built custom members area, to accommodate by requirements. The commit graph is made using repeaters :).

code: Will open-source the code after the challenge :)

Velo APIs

wixData: To fetch and write data

authentication and currentMember: Used to check authentication and create new user.

wixLocation: Used to move to different page.

Wix Apps

Blog app: used to write about fitness and guide.

Site search: used to search sitewide.

Faq Used for faq

Other apps

Spotify playlist: used to display and share Spotify playlist with other members of the community.

YouTube playlist: used to display and share motivational playlist with members of the community

Further development

  • Add more optimistic updates for buttons.
  • Improve UI a bit more.

Reinvent your career. Join DEV.

It takes one minute and is worth it for your career.

Get started

Top comments (2)

Collapse
 
danny_alvis_f5aa4ce912b1b profile image
Danny Alvis

This sounds like an amazing platform to keep everyone motivated and accountable! Integrating activities like Mooresville Brazilian jiu-jitsu gracielakenorman.com/ can be a great addition to the community, offering members an engaging and challenging workout. It’s inspiring to see a fitness community that encourages healthy habits with such interactive features!

Collapse
 
bernert profile image
BernerT

This looks like a unique and engaging fitness platform! Out of curiosity, how do you manage the reminders for checking in every 6 hours, and is that customizable for users?

typescript

11 Tips That Make You a Better Typescript Programmer

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Read the whole post now!

👋 Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay