Fitness Tracker

https://main--activity-tracker-pro.netlify.app

Plan:

1. ✅ DONE. Implement User Authentication + Add Google Auth from Firebase.

2. ✅ DONE. Add Header to every page for easy navigation What Pages?

   • '/'
   • '/profile'
   • '/my-workout-log' What is in the header? IF login: SHOW:
   • my profile
   • my workouts
   • record a workout
   • explore with Google Map(just the redirect for now) ELSE: SHOW:
   • login
   • explore with Google Map(just the redirect for now)
   

3. ✅ DONE. Add More Info to Profile Page -> ADD: Name, Height, Weight, City, State, Picture, Fav Hobbies

4. Start building a record workout page Pick a workout(button with small logo): Run, Hike, Walk for now When you click on button it will start recording in 3..2..1 Then it will show timer with:

• add timer 3-2-1 functionality before it starts recording
• add dummy user for showing’s
• Upload a picture?
• Update City and State on the same level on the page
• ✅ add sport type svg/png
• ✅ Pause
• ✅ Stop functionality
• ✅ Then add permission to fetch and write Workout data
• ✅ Show recent workouts first
• ✅ Build components for displaying workout history (WorkoutLog.js)

5. Add ft. to height in the profile or add another window for cm
6. Figure How to upload and store profile Picture
7. Should I add a main page with API articles about sport? Olympics? Achievements?
8. Set Up Google Maps API to showcase the route for the hike/run etc?
9. Add 'Delete Workout' Button AND 'Rename Button' for every recorded workout
10. Add location such as city to the workout?
11. Integrate Chart.js or D3.js for data visualization
12. Add amount of calories burnt for every activity(util file likely)
13. Add Socials
14. Integrate from wearable devices, apple watch?
15. maybe add notifications and reminders
16. write documentation

PS Add logic where page does not exsists, 404 it

React, JavaScript, React Router, Material-UI?, Firebase, Redux Chart.js or D3.js Google Maps API