Road to Gymnastics

Road to Gymnastics is a fitness app that will get an individual ready to for gymnastics. Currently it is in development with the use of a sample API and in need of major changes in the UI (currently a temporary UI is being used). The app is capable of generating a workout regiment randomly, a unique feature for fitness apps.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • Continued development
  • Useful resources
• Author

Overview

The challenge

Users should be able to:

• Generate a workout regiment that is unexpected to provide their muscles with muscle confusion to optimize physical results

Screenshot

Links

• Live Site URL: Road to Gymnastics

My process

Built with

HTML, CSS, JavaScript, Firebase

Continued development

• [ ] Fetch data from a real API
• [ ] Make the UI better
• [ ] Make the UX more explicit
• [ ] Replace the current drag-and-drop feature with a JS library
• [ ] Make a product dashboard page for desktop view

Useful resources

• How to make draggable elements - This helped me in learning how to make elements in the DOM draggable.

• How to make a search bar - This video taught me the basics on how to make a search bar.

• Writing to DOM while fetching data - This helped me solve the problem of "load" events while fetching data asynchronously.

• How to Host Bundled Site on Netlify - This provided me with some clues on how to go about hosting this site to Netlify. Needed an index.html file in the root of the directory and made that redirect to the start-up page for the app—a work-around to get the app deployed.

Author

• Website - Urvish Patel
• Blog site